Html Firefox在打印时在大div块之前添加分页符
在我的一个Rails视图中,我有一点逻辑,说明如果我要打印的Html Firefox在打印时在大div块之前添加分页符,html,css,ruby-on-rails,firefox,printing,Html,Css,Ruby On Rails,Firefox,Printing,在我的一个Rails视图中,我有一点逻辑,说明如果我要打印的表超过7行,请在表周围创建一个div,使用min height样式,以确保该表下的页脚位于第2页的末尾,而不是第1页 我已经在很多浏览器中测试过这种逻辑,包括:Chrome、Safari和IE(!),它们都能正常工作。然而,Firefox在div和表的前面添加了一个讨厌的分页符。我试图通过在div和表中添加CSS样式来避免这种分页符:分页符之前:避免以及这种新的Firefox风格:在之前中断:避免,但它似乎不会影响打印期间的分页符。还有
表
超过7行,请在表
周围创建一个div
,使用min height
样式,以确保该表
下的页脚位于第2页的末尾,而不是第1页
我已经在很多浏览器中测试过这种逻辑,包括:Chrome、Safari和IE(!),它们都能正常工作。然而,Firefox在div
和表的前面添加了一个讨厌的分页符。我试图通过在div
和表中添加CSS样式来避免这种分页符:分页符之前:避免
以及这种新的Firefox风格:在之前中断:避免代码>,但它似乎不会影响打印期间的分页符。还有其他想法吗?Firefox在打印时是否会自动在大div之前添加分页符
<div style='min-height: 1150px;'>
<table>
blah blah table stuff...
</table>
</div>
诸如此类的桌子上的东西。。。
好吧,因为我们没有你的代码的实例,不幸的是,很难找到解决方案,但好消息是我可以提供一些关于它的信息,可能有效,但不确定
始终在每个元素之前插入分页符(打印时)
不能将此属性用于(空的div)或(位置:绝对;)
在使用分页符之前,请检查是否可以使用分页符
避免在元素之前出现分页符(,如果可能的话)),这样就不能保证它能正常工作,这就是为什么我们要求您提供一些实例来使用它
在继承之前尝试使用分页符在第二页到第二页,您是第一页的一部分。(因此,如果您有一个表格托盘,可以知道第一页的最后一部分在哪里,并添加分页符之前:避免;,分页符之前:避免;,分页符之前:继承;或分页符之前:继承;)
如果没有,请尝试在第二页开始之前使用(分栏:避免;或-moz分栏:避免;)或(分栏:避免;或-moz分栏:避免;)
如果不尝试使用内部分页符或内部分页符可能是制动器在内部而不是外部
我希望这将帮助您解决问题,并让我知道它对您最有效。如果您有任何问题,也请让我知道。尝试此代码,这将解决您的问题
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<style type="text/css">
table { page-break-inside:auto; border-collapse: collapse }
tr { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
</style>
</head>
<body>
<table>
<thead>
<tr><th>heading</th></tr>
</thead>
<tfoot>
<tr><td>notes</td></tr>
</tfoot>
<tr>
<td>x</td>
</tr>
<tr>
<td>x</td>
</tr>
<!-- 500 more rows -->
<tr>
<td>x</td>
</tr>
</tbody>
</table>
</body>
</html>
试验
表{内部分页符:自动;边框折叠:折叠}
tr{内部分页符:避免;后面分页符:自动}
thead{display:table header group}
tfoot{display:table footer group}
标题
笔记
x
x
x
根据,在
之前分页符尚不存在。在此之前,请使用在
之前分页符。谢谢,但在div和表标记中尝试了在之前分页符:avoid;。不起作用。还有其他建议吗?此时,我将最小高度选择器更改为height,并在从所有浏览器打印时正常工作s、 不,这正是我想要的解决方案,但它现在已经完成了。如果有人有解决方案,我希望Firefox中的最小高度有一个实际的修复。你能附上/链接一个完整html文档的例子来说明问题吗?解决方案来自于删除“边框折叠”css属性。如果你把它添加到你的答案中,我会在5小时内给你奖金。太晚了,我把它给了另一个人。这不是它的工作原理。你只能给一个人奖金。仅供参考,你做了与我要求相反的事。边界塌陷
是导致问题的属性。'你没有谢谢我,