閱讀(29.8k) 書簽贊(1) 我要糾錯

CSS page-break-inside 屬性

2022-06-02 16:34 更新

實(shí)例

設(shè)置在表格元素內(nèi)部避免進(jìn)行分頁的分頁行為：

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

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

只有 Opera 瀏覽器支持 page-break-inside 屬性。

page-break-inside 屬性設(shè)置元素內(nèi)部的 page-breaking 行為。

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

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

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

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

值	描述
auto	默認(rèn)。如果必要則在元素內(nèi)部插入分頁符。
avoid	避免在元素內(nèi)部插入分頁符。
inherit	規(guī)定應(yīng)該從父元素繼承 page-break-inside 屬性的設(shè)置。