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。