Html 避免dt和dd元素之间出现分页符

我在一个页面上有许多

和

元素，它们的顺序就是这样。例如：

<dt>
  "Some random text here"
</dt>
<dd>
  <input type="text">
  <span></span>
</dd>

“这里有一些随机文本”

这种模式在页面上经常重复。如果用户希望打印页面，我希望防止

和

元素之间出现分页符。他们应该永远在一起

有办法吗？在

元素上应用css属性：

在
之后避免分页符，或在
元素上在
之前避免分页符似乎不起作用

感谢您的帮助
我不是这方面的专家，但我找到了一个解决方法：

创建ID并在其前面添加分页符：

#break {
    page-break-before:left;
}

现在只需将ID添加到分页符所在的位置：

<dt>Test</dt>
    <dd>Lorem ipsum dolor sit amet.</dd>
    <dd>Lorem ipsum dolor sit amet</dd>
<dt>Test</dt>
    <dd>Lorem ipsum dolor sit amet.</dd>
    <dd>Lorem ipsum dolor sit amet</dd>
<dt id="break">Test</dt>
    <dd>Lorem ipsum dolor sit amet.</dd>
    <dd>Lorem ipsum dolor sit amet</dd>
<dt>Test</dt>
    <dd>Lorem ipsum dolor sit amet.</dd>
    <dd>Lorem ipsum dolor sit amet</dd>
<dt id="break">Test</dt>
    <dd>Lorem ipsum dolor sit amet.</dd>
    <dd>Lorem ipsum dolor sit amet</dd>

测试
Lorem ipsum dolor sit amet。
Lorem ipsum dolor sit amet
试验
Lorem ipsum dolor sit amet。
Lorem ipsum dolor sit amet
试验
Lorem ipsum dolor sit amet。
Lorem ipsum dolor sit amet
试验
Lorem ipsum dolor sit amet。
Lorem ipsum dolor sit amet
试验
Lorem ipsum dolor sit amet。
Lorem ipsum dolor sit amet

这是迄今为止我发现的最好的解决方案，我不知道是否有可能自动完成

希望这有帮助

向我们展示一些不起作用的实际代码。。。e、 你知道如果你不在某些元素之间添加文本，分页符可能不起作用吗？CSS2还是CSS3？将它们放在表格中也可能会停止分页符工作。问题已更新。元素不是表的一部分。CSS3。只需提及内部分页符：avoid可以完美地工作，因此它可以防止在分页符上拆分输入字段。因此，在dl上使用内部分页符有什么问题？在
dt
--
-webkit分页符：avoid；换页后：避免；断后：避免翻页在dl中使用分页符也不起作用。此外，它在上一个div同级元素之后产生了一个不需要的分页符