免費AI編程助手
CSS page-break-inside 屬性
實例
設(shè)置在表格元素內(nèi)部始終進行分頁的分頁行為：
<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 屬性設(shè)置元素前的 page-breaking 行為。
注意： 您不能對絕對定位的元素使用此屬性。
注意： 請盡可能少地使用分頁屬性，并且避免在表格、浮動元素、帶有邊框的塊元素中使用分頁屬性。
| 默認(rèn)值： | auto |
|---|---|
| 繼承： | no |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.pageBreakInside="avoid" |
瀏覽器支持
所有主流瀏覽器都支持page-break-inside 屬性
注意：IE8 及更早IE版本不支持 "inherit" 屬性。
注意： Firefox, Chrome, 以及 Safari 不支持屬性值 "avoid".
屬性值
| 值 | 描述 |
|---|---|
| auto | 默認(rèn)。如果必要則在元素內(nèi)部插入分頁符。 |
| avoid | 避免在元素內(nèi)部插入分頁符。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 page-break-inside 屬性的設(shè)置。 |
更多建議：