這篇文章給大家分享的是有關(guān)css中page-break-after屬性的使用方法的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

css page-break-after屬性定義及用法
在css中,page-break-after屬性是使用來在指定元素后面插入分頁符,通常用在position屬性值為relative(相對定位)或static(默認(rèn)定位)的非浮動塊級元素,不能對絕對定位(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 :如果必要則在元素后插入分頁符(默認(rèn))
always:在元素后插入分頁符
avoid:避免在元素后插入分頁符
left:在元素之后足夠的分頁符,一直到一張空白的左頁為止
right:在元素之后足夠的分頁符,一直到一張空白的右頁為止
inherit:從父元素繼承page-break-after屬性的設(shè)置
實例
<!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>運行結(jié)果

感謝各位的閱讀!關(guān)于css中page-break-after屬性的使用方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
本文名稱:css中page-break-after屬性的使用方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于:http://chinadenli.net/article18/eccdp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、搜索引擎優(yōu)化、網(wǎng)站營銷、網(wǎng)站改版、網(wǎng)站排名、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容