Css入門: page-break-inside（內(nèi)分頁(yè)）

CSS中的page-break-inside屬性用于控制內(nèi)容在打印時(shí)是否允許分頁(yè)。它可以應(yīng)用于塊級(jí)元素，用于指定元素內(nèi)部是否允許分頁(yè)。

成都創(chuàng)新互聯(lián)公司2013年至今，先為懷化等服務(wù)建站，懷化等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為懷化企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

基本語(yǔ)法

page-break-inside屬性的基本語(yǔ)法如下：

selector {
  page-break-inside: auto|avoid|initial|inherit;
}

其中：

• auto：默認(rèn)值，允許內(nèi)容分頁(yè)。
• avoid：禁止內(nèi)容分頁(yè)。
• initial：設(shè)置為默認(rèn)值。
• inherit：繼承父元素的屬性值。

示例

下面是一個(gè)示例，演示了如何使用page-break-inside屬性：

  
這是一個(gè)需要連續(xù)打印的內(nèi)容。
  
這是另一個(gè)需要連續(xù)打印的內(nèi)容。

在上面的示例中，我們使用了一個(gè)名為print的類來(lái)設(shè)置page-break-inside屬性為avoid。這樣，包含在該類中的內(nèi)容將不會(huì)被分頁(yè)打印。

瀏覽器兼容性

page-break-inside屬性的瀏覽器兼容性如下：

瀏覽器	兼容性
Chrome	支持
Firefox	支持
Safari	支持
Edge	支持
Internet Explorer	不支持

需要注意的是，Internet Explorer不支持page-break-inside屬性。

總結(jié)

通過(guò)使用CSS的page-break-inside屬性，我們可以控制內(nèi)容在打印時(shí)是否允許分頁(yè)。這對(duì)于需要連續(xù)打印的內(nèi)容非常有用。在實(shí)際應(yīng)用中，我們可以根據(jù)需要設(shè)置page-break-inside屬性的值，以達(dá)到最佳的打印效果。

香港服務(wù)器選擇創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)提供高質(zhì)量的香港服務(wù)器，為用戶提供穩(wěn)定可靠的云計(jì)算服務(wù)。

分享名稱：Css入門:page-break-inside（內(nèi)分頁(yè)）
本文來(lái)源：http://m.5511xx.com/article/dhpdihs.html