CSS可以控制頁面的打印效果,其中包括控制打印時是否換頁。當我們需要在打印出來的紙張上進行一些對齊或排版的時候,我們可能不希望在某一個元素中出現分頁的效果,這時候我們可以使用CSS控制打印不換頁。
@media print { .no-page-break { page-break-inside: avoid; } }
上面的代碼是控制不換頁的CSS樣式,我們可以在打印的時候加上該樣式,在需要不換頁的元素上添加class="no-page-break",就可以達到控制打印不換頁的效果。
除了上述樣式外,我們也可以使用另一種CSS屬性:page-break-before。它可以控制在某個元素之前是否插入分頁符。
@media print { .no-page-break:before { content: ""; display: block; page-break-before: avoid; } }
上述代碼是在需要不換頁的元素前插入空塊,然后使用page-break-before: avoid;控制不插入分頁符,也可以達到控制打印不換頁的效果。
上一篇css規定字體為微軟雅黑
下一篇css控制多張圖片排版