用CSS实现分页符

更新日期: 2020-02-17阅读: 2.2k标签: 分页

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 行为。


链接: https://fly63.com/article/detial/8266

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!