一、page-break-after:always概念解釋
page-break-after:always 是一種CSS屬性，它可以指定元素在列印頁面時總是在頁面的底部斷頁。如果一個元素不適合一頁，頁面自動分裂成兩頁或更多，元素將出現在下一頁而不是當前頁的底部。
在頁面的列印版本中，這個屬性會在該元素的下方單獨的一頁中列印出來，並且該屬性並不會影響屏幕展示的效果。這個屬性在多列頁面中也很有用，因為它可以在列之間正確的分割內容。
二、page-break-after:always的使用場景
1、當列印的內容過長超出一頁時，使用該屬性可以確保內容在頁面上顯示的順序正確。
2、當需要將表格分割成多個頁面時，可使用該屬性實現分頁效果。
3、當需要在列印版本中將內容分列，使用該屬性可以確保內容在頁面間的劃分正確。
三、page-break-after:always的注意事項
1、該屬性只在分頁視圖中應用，想要看到效果必須將頁面列印出來。
2、如果元素的高度不夠，頁面不會分裂成兩頁並生成單獨的一頁。
3、該屬性只會影響下一個元素的位置，所以如果需要實現多頁效果，必須在每個需要分頁的元素上都應用該屬性。
四、page-break-after:always的代碼示例
/* CSS代碼 */
@media print {
.page-break {
page-break-after: always;
}
}
在需要分頁的元素上添加以下類名
//需要分頁的內容
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/241460.html
微信掃一掃 
支付寶掃一掃 