gpt4 book ai didi

css - 将 "page-break-before"应用于表行 (tr)

转载 作者:技术小花猫 更新时间:2023-10-29 10:29:22 27 4
gpt4 key购买 nike

根据 W3.org,样式 page-break-after适用于 block 级元素 ( http://www.w3.org/TR/2004/CR-CSS21-20040225/page.html#page-break-props )

<tr>是一个 block 级元素(根据这个:http://www.htmlhelp.com/reference/html40/block.html,它是)

我正在这样做,但是分页符在打印时并没有创建实际的分页符:

  <table>
<tr><td>blah</td></tr>
<tr><td>blah</td></tr>
<tr style="page-break-after: always"><td>blah</td></tr>
<tr><td>blah</td></tr>
</table>

我这样做的方式正确吗?

如果<tr>不是 block 级元素:我应该如何实现此分页符?

注意:之前的代码只是一个例子,但我想做的是在表格的每 5 行放置一个分页符,所以如果您知道这种情况的任何提示,我们将不胜感激

最佳答案

内部<head> , 在你的 CSS 样式表中设置这个样式

<head>
<style>
@media print {
tr.page-break { display: block; page-break-before: always; }
}
</style>
</head>

这样,它会在打印期间在该表格行之前产生一个分页符。

<tr class="page-break">
</tr>

关于css - 将 "page-break-before"应用于表行 (tr),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20481039/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com