用CSS实现分页符,控制Web网页打印时自动强制分页:page-break-after教程


发布者 ourjs  发布时间 1584458417362
关键字 css  前端 


page-break-after可以实现强制分页,比如始终在<footer>元素后插入分页符, @media print 表示这段CSS只在打印时起作用。

@media print {
footer {page-break-after: always;}
}

 

CSS 语法

page-break-after: auto|always|avoid|left|right|initial|inherit;

属性值

描述
auto 默认。 自动分页
always 总是在元素后插入分页符
avoid 避免在元素后分页(如果可能)
left 在元素后插入分页符,以便将下一页格式化为左页
right 在元素之后插入分页符,以便将下一页格式化为右页
initial 将此属性设置为其默认值。
inherit 从其父元素继承此属性。

 

page-break-before

page-break-before 属性设置元素前的 page-breaking 行为。

 

相关阅读

用网页table thead tfoot元素完美控制页眉页脚显示内容打印的简单方式

专为控制打印设计的CSS样式