CSS Page-break-after 屬性
實例
設置在表格元素之後始終進行分頁的分頁行為:
<html>
<head>
<style>
@media print
{
table {page-break-after:always}
}
</style>
</head>
<body>
....
</body>
</html>
<head>
<style>
@media print
{
table {page-break-after:always}
}
</style>
</head>
<body>
....
</body>
</html>
屬性定義及使用說明
page-break-after 屬性設置元素後的page-breaking 行為。
注意:您不能對絕對定位的元素使用此屬性。
注意:請盡可能少地使用分頁屬性,並且避免在表格、浮動元素、帶有邊框的塊元素中使用分頁屬性。
默認值: | auto |
---|---|
繼承: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.pageBreakAfter="always" |
瀏覽器支持
所有主要瀏覽器都支持page-break-after屬性。
注意:任何版本的Internet Explorer(包括IE8)支持屬性值"left","right",和"inherit"。
注意: Firefox,Chrome和Safari不支持屬性值"avoid","left"和"right"。.
屬性值
值 | 描述 |
---|---|
auto | 默認。 如果必要則在元素後插入分頁符。 |
always | 在元素後插入分頁符。 |
avoid | 避免在元素後插入分頁符。 |
left | 在元素之後足夠的分頁符,一直到一張空白的左頁為止。 |
right | 在元素之後足夠的分頁符,一直到一張空白的右頁為止。 |
inherit | 規定應該從父元素繼承page-break-after 屬性的設置。 |