溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么用css page-break-before屬性

發(fā)布時間:2020-07-16 11:11:09 來源:億速云 閱讀:145 作者:Leah 欄目:web開發(fā)

怎么用css page-break-before屬性?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。

css page-break-before屬性用于在指定元素前添加分頁符。注該屬性不能對絕對定位的元素的使用,也要避免在表格、浮動元素、帶有邊框的塊元素中使用。所有瀏覽器都支持 page-break-before 屬性。

css page-break-before屬性怎么用?

page-break-before 屬性在指定元素前添加分頁符。

說明:盡管可以用 always 強制放上分頁符,但是無法保證避免分頁符的插入,創(chuàng)作人員最多只能要求用戶代理盡可能避免插入分頁。應(yīng)用于:position 值為 relative 或 static 的非浮動塊級元素。

注釋:所有主要瀏覽器都支持page-break-before屬性。任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "left"、"right" 以及 "inherit"。Firefox、Chrome 以及 Safari 不支持屬性值 "avoid"、"left" 以及 "right"。

css page-break-before屬性 示例

在 <h2> 元素前始終插入分頁符:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
@media print {
    h2 {page-break-before: always;}
}
</style>
</head>
<body>
....
</body>
</html>

看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注億速云行業(yè)資訊頻道,感謝您對億速云的支持。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI