page-break-inside CSS属性强制或禁止元素内的打印分页符。 此属性适用于生成框的块级元素。 它不适用于空<p>,不会生成空白框。
下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。
默认值: | auto |
---|---|
适用于: | 块级元素 |
继承: | 没有 |
可动画制作: | 否。请参见 动画属性。 |
版本: | CSS 2、3 |
该属性的语法如下:
page-break-inside: auto | avoid | initial | inherit
下面的示例演示了如何使用page-break-inside属性。
@media print { ul { page-break-inside: avoid; } }测试看看
上面示例中的样式规则设置了分页行为,以避免将无序列表拆分成两个页面。
下表描述了此属性的值。
值 | 描述 |
---|---|
auto | 如有必要,在元素内插入一个分页符。这是默认值。 |
avoid | 避免在元素内部进行分页。 |
initial | 将此属性设置为其默认值。 |
inherit | 如果指定,则关联元素采用其父元素page-break-inside的属性值。 |
page-break-insideFirefox不支持该属性。
|
警告:避免使用此属性,因为该属性支持不佳。还应尽可能少地使用分页符,并避免在带边框的表格元素,浮动元素和块元素内部分页。
请参考以下教程:CSS Media Types。