Html 如何在CSS中自动创建分页符？

我创建了一个包含表行的网页。当我按下打印按钮时，它看起来很好。但有时分页符会将页面剪切到块的中间。我试着用这个人

<table>
...
<tbody>
<tr><td>sample datea 1</td></tr>
<tr><td>sample datea 2</td></tr>
<tr><td>sample datea 3</td></tr>
</tbody>
<tbody>...</tbody>
...
</table>

我想在样品日期A 3之后剪。我尝试将blokla的div标签CSS添加为

.blokla{display:block;page-break-inside:avoid; page-break-after:auto}

如何在div标签或其他标签之间断开页面？我的主要问题如下

---

您的CSS是有效的，并且在我这边有效

但是，您的问题是在一个表中创建了两个

标记。这种做法不是“有效的”HTML（它是有效的）。只使用一个

并使用此CSS

tr{page-break-inside:avoid; page-break-after:auto}

---

以这种方式更改CSS可以确保HTML具有最大的灵活性，每行的表示现在将保持在一起。

我用这段代码解决了这个问题

tbody{page-break-inside:avoid; page-break-after:auto; position:relative;
display:block;}

---

它工作得很好

你能做一个演示吗？看看你的答案，我也不认为这是正确的。为什么您不愿意在

上使用

内部分页符
规则？您可以在
表中使用多个
tbody
标记
我可以添加tr，但这对我不好。我需要在tbody groupI中每5 tr进行一次分组，在这种情况下，我将使用单独的表，并将规则放在
元素上和
位置：相对。此外，此解决方案仅在以下情况下有效：a）每列中的所有数据的宽度完全相同，或b）在每个
tbody
中的
td
元素上设置宽度，并且不添加任何超过这些宽度的内容。
tbody{page-break-inside:avoid; page-break-after:auto; position:relative;
display:block;}