css – 防止打印时表中的分页符

前端之家收集整理的这篇文章主要介绍了css – 防止打印时表中的分页符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个页面,我正在设置打印。此页面包含大量单独的表。这些表的大小不一样,但是一般来说,我可以在每页上安装2.5到3个表格。我希望能够防止表格被分页符破坏。有什么想法可以如何实现呢? @H_301_2@我试过这个:

.reportTable {
    page-break-inside: avoid;
}
@H_301_2@不幸的是,仅在Opera中似乎支持页面破解内容(根据W3Schools – 我已经验证这在Firefox 4.0.1中不起作用)。

@H_301_2@我可以在每个单独的表格之后强制进行一个分页符:

.reportTable {
    page-break-after: always;
}
@H_301_2@这有助于插入分页符,似乎在所有主流浏览器中都支持,但是在打印文档上留下了大量浪费的空间(每页大约一半是空白的)。如果整个下一张表不适合这个页面,我真的只想要一个分页符。

@H_301_2@我知道我有使用Internet Explorer,Firefox和Safari的用户,所以我真的很想支持这些。找到一些也可以在Chrome和Opera中工作的东西将是一个非常好的奖励。

@H_301_2@有任何想法吗?

解决方法

我也一直在寻找答案。我最接近的是知道大约有多少行输出适合页面,然后计算页面输出行数。在你的情况下
1)找出可以在页面上放置多少行输出
2)通过显示您的第一张表来跟踪您已经使用了多少行。
3)计算表2将需要多少行。将其添加到表1的行,看看你是否仍然低于您的近似阈值。如果你是,显示表,如果没有,把一个div下来与分页符:总是在它强制一个新的表。 @H_301_2@这将给你大概你正在寻找,但它不会是完美的。每隔一段时间,你将会有一张桌子,可以“上一页”适合,但只是没有做出截断,因为你必须在低估估算在页面上有多少行。

@H_301_2@如果细胞内的内容或类似的东西在被打印到打印页面中时,将会包裹在新的行中,我还没有想出一个方法

@H_301_2@希望能给你一个想法。

原文链接:https://www.f2er.com/css/218745.html

猜你在找的CSS相关文章