首頁  >  文章  >  web前端  >  css page-break-after屬性怎麼用

css page-break-after屬性怎麼用

silencement
silencement原創
2019-05-28 10:00:113540瀏覽

css page-break-after屬性怎麼用

css page-break-after屬性定義及用法

在css中,page-break-after屬性是使用來在指定元素後面插入分頁符,通常用在position屬性值為relative(相對定位)或static(預設定位)的非浮動區塊級元素,不能對絕對定位(position值為absolute或fixed)的元素使用該屬性。

css page-break-after屬性一般不常用,建議盡可能少使用分頁屬性,並且避免在表格、浮動元素、帶有邊框的區塊元素中使用分頁屬性。

css page-break-after屬性語法格式

css語法:page-break-after:auto/always/avoid/left/right/inherit

JavaScript語法:object.style.pageBreakAfter="always"

#屬性值說明

auto :如果必要則在元素後面插入分頁符(預設)

always:在元素後面插入分頁符號

avoid:避免在元素後插入分頁符號

left:在元素之後足夠的分頁符,一直到一張空白的左頁為止

right:在元素之後足夠的分頁符,一直到一張空白的右頁為止

inherit:從父元素繼承page-break-after屬性的設定

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css page-break-after属性插入分页符</title>
<style type="text/css">
p{page-break-after:always;}
</style>
</head>
<body>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
<p>在该段落后边插入分页符</p>
</body>
</html>

運行結果

css page-break-after屬性怎麼用

以上是css page-break-after屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn