欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css控制打印不換頁

周雨萌1年前8瀏覽0評論

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;控制不插入分頁符,也可以達到控制打印不換頁的效果。