CSS page-break-inside 屬性

定義和用法

page-break-inside 屬性設置元素內部的 page-breaking 行為。

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

應用于：position 值為 relative 或 static 的非浮動塊級元素。

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

另請參閱：

HTML DOM 參考手冊：pageBreakInside 屬性

實例

設置在表格元素內部避免進行分頁的分頁行為：

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

CSS 語法

page-break-inside: auto|avoid|initial|inherit;

屬性值

值 描述
auto 默認。如果必要則在元素內部插入分頁符。
avoid 避免在元素內部插入分頁符。
inherit 規定應該從父元素繼承 page-break-inside 屬性的設置。

技術細節

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

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 19.0 1.3 7.0