前端打印界面分页问题，以及当一个表格数据过多自动分页时，出现断行问题即一行数据被切割在两页纸上_前端打印数据被分割

作者：菜鸟追梦旅行 | 2024-02-17 06:47:08

踩

前端打印数据被分割

在做一个打印功能时，当一个表格数据过多而不能显示时，浏览器会自动进行分页处理，但是当一页显示不下一个表格时，自动分页会把一行数据暴力的切割显示在两页纸上。问题如下图：
在这里插入图片描述
可以使用page-break-inside 属性用于设置是否在指定元素中插入分页符。
有三个参数

值	描述
auto	默认。如果必要则在元素内部插入分页符。
avoid	避免在元素内部插入分页符。
inherit	规定应该从父元素继承 page-break-inside 属性的设置。

注意：您不能对绝对定位的元素使用此属性。
注意：请尽可能少地使用分页属性，并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。

在这里插入图片描述

最后效果如下：
在这里插入图片描述
参考：添加链接描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/101036?site