閱讀(3.3k) 書簽贊(0) 我要糾錯(cuò)

CSS page-break-after 屬性

2018-07-22 21:43 更新

實(shí)例

設(shè)置在表格元素之后始終進(jìn)行分頁的分頁行為：

<html>
<head>
<style>
@media print
{
table {page-break-after:always;}
}
</style>
</head>

<body>
....
</body>
</html>

所有瀏覽器都支持 page-break-after 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "left"、"right" 以及 "inherit"。

注釋：Firefox、Chrome 以及 Safari 不支持屬性值 "avoid"、"left" 以及 "right"。

page-break-after 屬性設(shè)置元素后的 page-breaking 行為。

盡管可以用 always 強(qiáng)制放上分頁符，但是無法保證避免分頁符的插入，創(chuàng)作人員最多只能要求用戶代理盡可能避免插入分頁。

應(yīng)用于：position 值為 relative 或 static 的非浮動(dòng)塊級(jí)元素。

注釋：請盡可能少地使用分頁屬性，并且避免在表格、浮動(dòng)元素、帶有邊框的塊元素中使用分頁屬性。

默認(rèn)值：	auto
繼承性：	no
版本：	CSS2
JavaScript 語法：	object.style.pageBreakAfter="always"

值	描述
auto	默認(rèn)。如果必要?jiǎng)t在元素后插入分頁符。
always	在元素后插入分頁符。
avoid	避免在元素后插入分頁符。
left	在元素之后足夠的分頁符，一直到一張空白的左頁為止。
right	在元素之后足夠的分頁符，一直到一張空白的右頁為止。
inherit	規(guī)定應(yīng)該從父元素繼承 page-break-after 屬性的設(shè)置。