CSS page-break-inside 屬性
CSSpage-break-inside屬性
實例
設置在表格元素內部始終進行分頁的分頁行為:
<html>
<head>
<style>
@media print
{
table {page-break-inside:avoid}
}
</style>
</head>
<body>
....
</body>
</html>
<head>
<style>
@media print
{
table {page-break-inside:avoid}
}
</style>
</head>
<body>
....
</body>
</html>
屬性定義及使用說明
page-break-inside 屬性設置元素前的 page-breaking 行為。
注意:您不能對絕對定位的元素使用此屬性。
注意:請盡可能少地使用分頁屬性,并且避免在表格、浮動元素、帶有邊框的塊元素中使用分頁屬性。
默認值: | auto |
---|---|
繼承: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.pageBreakInside="avoid" |
瀏覽器支持
所有主流瀏覽器都支持page-break-inside 屬性
注意:IE8 及更早IE版本不支持 "inherit" 屬性。
注意:Firefox, Chrome, 以及 Safari 不支持屬性值 "avoid".
屬性值
值 | 描述 |
---|---|
auto | 默認。如果必要則在元素內部插入分頁符。 |
avoid | 避免在元素內部插入分頁符。 |
inherit | 規定應該從父元素繼承 page-break-inside 屬性的設置。 |