page-break-after可以实现强制分页,比如始终在<footer>元素后插入分页符, @media print 表示这段css只在打印时起作用。
@media print {
footer {page-break-after: always;}
}
page-break-after: auto|always|avoid|left|right|initial|inherit;
值 | 描述 |
---|---|
auto | 默认。 自动分页 |
always | 总是在元素后插入分页符 |
avoid | 避免在元素后分页(如果可能) |
left | 在元素后插入分页符,以便将下一页格式化为左页 |
right | 在元素之后插入分页符,以便将下一页格式化为右页 |
initial | 将此属性设置为其默认值。 |
inherit | 从其父元素继承此属性。 |
page-break-before 属性设置元素前的 page-breaking 行为。
之前一直用的前端分页,在数据不是太多的情况下,前端分页还是很方便的,也可以使用自带的搜索等功能,如果数据量比较多的情况就要使用后端分页。
在编写普通网页或者web应用时,一个最普遍的需求就是创建分页。分页这个词乍一听上去可能有些陌生,但是你肯定每天都在用,它就是你在浏览新闻时最下边显示你已经看到第几页,同时跳转到具体某一页,首页或者末页的那个东西
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!