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

CSS page-break-before 屬性

2018-07-22 21:43 更新

實(shí)例

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

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

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

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

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

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

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

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

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

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

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

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