您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)css中page-break-after屬性的使用方法的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。
css page-break-after屬性定義及用法
在css中,page-break-after屬性是使用來(lái)在指定元素后面插入分頁(yè)符,通常用在position屬性值為relative(相對(duì)定位)或static(默認(rèn)定位)的非浮動(dòng)塊級(jí)元素,不能對(duì)絕對(duì)定位(position值為absolute或fixed)的元素使用該屬性。
css page-break-after屬性一般不常用,建議盡可能少地使用分頁(yè)屬性,并且避免在表格、浮動(dòng)元素、帶有邊框的塊元素中使用分頁(yè)屬性。
css page-break-after屬性語(yǔ)法格式
css語(yǔ)法:page-break-after:auto/always/avoid/left/right/inherit
JavaScript語(yǔ)法:object.style.pageBreakAfter="always"
屬性值說(shuō)明
auto :如果必要?jiǎng)t在元素后插入分頁(yè)符(默認(rèn))
always:在元素后插入分頁(yè)符
avoid:避免在元素后插入分頁(yè)符
left:在元素之后足夠的分頁(yè)符,一直到一張空白的左頁(yè)為止
right:在元素之后足夠的分頁(yè)符,一直到一張空白的右頁(yè)為止
inherit:從父元素繼承page-break-after屬性的設(shè)置
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>css page-break-after屬性插入分頁(yè)符</title> <style type="text/css"> p{page-break-after:always;} </style> </head> <body> <p>在該段落后邊插入分頁(yè)符</p> <p>在該段落后邊插入分頁(yè)符</p> <p>在該段落后邊插入分頁(yè)符</p> <p>在該段落后邊插入分頁(yè)符</p> </body> </html>
運(yùn)行結(jié)果
感謝各位的閱讀!關(guān)于css中page-break-after屬性的使用方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。