【css】如何为页面DOM添加分页属性，在打印时实现内容分页效果

MoFe1

于 2022-05-09 16:50:19 发布

阅读量549

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css 前端 javascript

本文链接：https://blog.youkuaiyun.com/MoFe1/article/details/124669898

CSS 专栏收录该内容

2 篇文章

订阅专栏

在需要分页的DOM元素上添加style="page-break-after: always;"样式

示例：

//添加样式后打印时一页只打印一个div中内容，一页打印不下的内容会在下一页中继续打印，当一个div内容结束后不管该页剩余空白多少都会跳至下页打印下一个div内容（实现WORD分页效果）
<div class="div1" style="page-break-after: always;">
</div>
<div class="div2" style="page-break-after: always;">
</div>