站內搜尋

Wednesday, April 1, 2020

[CSS] 使用 "強制換頁" page-break-after:always 的注意事項 (chrome, IE 的差異)

當我們幫一個html元素加上 page-break-after: always 這個CSS屬性,就代表當我們列印時,在這元素後要強制換頁,但要注意這個屬性只能加在區塊元素,且不能加在 空的div元素上。(參考來源: MDN web docs )








正確用法:
<div style="page-break-after: always;">內容內容內容</dv>

錯誤用法:(在空元素上使用)
<div style="page-break-after: always;"></dv>

錯誤用法:(在行內元素上使用)
<br style="page-break-after: always;">
*這種用法在 IE 瀏覽器上會有換頁效果,但在其它瀏覽器(例如: chrome)上是沒有作用的。

No comments:

Post a Comment