CSS page-break-after 属性
CSS page-break-after 属性设置元素后的 page-breaking 行为
不能对绝对定位的元素使用此属性
尽可能少地使用分页属性,并且避免在表格、浮动元素、带有边框的块元素中使用分页属性
默认值 | auto |
---|---|
继承 | no |
版本 | CSS2 |
JavaScript 语法 | object.style.pageBreakAfter="always" |
语法
page-break-after: auto | always | avoid | left | right | inherit
属性值
值 | 描述 |
---|---|
auto | 默认。如果必要则在元素后插入分页符 |
always | 在元素后插入分页符 |
avoid | 避免在元素后插入分页符 |
left | 在元素之后足够的分页符,一直到一张空白的左页为止 |
right | 在元素之后足够的分页符,一直到一张空白的右页为止 |
inherit | 规定应该从父元素继承 page-break-after 属性的设置 |
浏览器支持
所有主要浏览器都支持 page-break-after 属性
任何版本的 Internet Explorer(包括 IE8 )支持属性值 "left","right",和"inherit"
Firefox,Chrome 和 Safari 不支持属性值 "avoid","left" 和 "right"
范例
设置在表格元素之后始终进行分页的分页行为
<!DOCTYPE html> <meta charset="utf-8 " /> <style> @media print { table {page-break-after:always} }</style> <body>....</body>