溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS怎么實現WEB頁面強制分頁打印

發布時間:2021-09-06 18:11:29 來源:億速云 閱讀:311 作者:chen 欄目:web開發

這篇文章主要介紹“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頁面強制分頁打印”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女