這篇文章主要介紹“CSS怎么實現WEB頁面強制分頁打印”,在日常操作中,相信很多人在CSS怎么實現WEB頁面強制分頁打印問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”CSS怎么實現WEB頁面強制分頁打印”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
在B/S程序中,對打印頁面的控制,CSS相對比較弱,例如: 自動分頁, 就基本沒啥實際用途。我們通常需要自己在需要的時候,強制瀏覽器分頁,這時可以使用以下樣式:
﹤style type="text/css"﹥ .w3cbbs { page-break-after:always;} ﹤/style﹥ |
auto :對頁面分割沒有影響。
always:強制在元素后出現頁分割符。
avoid :避免在元素后出現頁分割符。
left :在元素后面插入頁分割符直到它到達一個空白的左頁邊。
right :在元素后面插入頁分割符直到它到達一個空白的右頁邊。
inherit :使用與父元素相同的屬性值。
web打印分頁時,在需要分頁的地方可以插入標簽
﹤p class="w3cbbs"﹥﹤/p﹥, 或 ﹤div class="w3cbbs"﹥﹤/div﹥ 即可! |
但在使用的時候,可能會碰到IE能正常分頁,但Firefox卻沒有任何效果。經過分析發現,在Firefox中使用page-break-after屬性時,不能像所有的打印內容都放在一個表中。也就是說Firefox是不能將表斷開的。所以在Firefox中使用page-break-after進行分頁打印,要避免將打印的內容放在一個表中,取代的方法可以將內容放在一個DIV中。
到此,關于“CSS怎么實現WEB頁面強制分頁打印”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。