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