CSS break-inside 属性

避免 <img> 元素内出现分页符：

@media print {
img {
display: block;
break-inside: avoid;
}
}

定义和用法

这个break-inside属性指定指定元素内是否应出现分页符、列符或区域符。

这个break-inside属性扩展然后CSS2 page-break-inside属性。

和break-inside，您可以告诉浏览器避免图片、代码片段、表格和列表中出现中断。

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
break-inside	50.0	10.0	65.0	10.0	37.0

Value	Description
auto	Default. Automatic page/column/region break inside the element
avoid	Avoid a page/column/region break inside the element
avoid-column	Avoid a column-break inside the element
avoid-page	Avoid a page-break inside the element
avoid-region	Avoid a region-break inside the element
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit