我试图避免在可能超过一页的 HTML 表的行内出现分页符。我正在使用 Internet Explorer 打印预览以及 BCL EasyPDFSDK 转换为 PDF 来测试这一点。我将以下 CSS 样式以各种组合应用到<td>
元素,但对于每一个元素我都得到了不想要的结果:
td {
page-break-inside: avoid !important;
white-space: nowrap;
overflow: hidden;
margin: 4px 0 4px 0;
}
我相信page-break-inside: avoid !important
正在工作,但仅限于<td>
等级。例如,我会看到一个<tr>
有一个<td>
在第一页的末尾,所有文本都完好无损,但以下内容<td>
标签将位于下一页,其所有文本均完好无损。
我不认为你应该应用格式<tr>
所以我不确定如何解决这个问题。
我应该将CSS应用到<tr>
或者还有其他方法可以实现这一目标吗?
谢谢您的帮助!
结果我需要折叠表格元素上的边框并将填充减少到只有 1px 使用
table { border-collapse: collapse; }
td {
page-break-inside: avoid !important;
white-space: nowrap;
overflow: hidden;
padding: 1px;
font-size: xx-small;
}
我还将字体大小设置为xx-small
以防万一这引起了问题。当我折叠边框时,这个问题似乎主要得到了解决,所以这让我想知道表格是否因此而出现了分割行的问题。
Cheers!
EDIT:
自从处理这个问题以来,我发现在较新的网络浏览器中行分割处理得更好。如果您遇到此问题,我强烈建议您将 IE 更新到至少 11。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)