html - 列包含在 div 中时不继承宽度

Question

假设我们有一个包含许多行的表。通过 XSLT 将我的 XML 转换为 PFD 时，我希望某些行不会跨分页符拆分。目前我有

<table>
  <tr>...</tr>
  <tr>...</tr>
  <div style="page-break-inside:avoid">
    <tr>...</tr>
    <tr>...</tr>
  </div>
  <tr>...</tr>
</table>

这在一定程度上运作良好。问题是 div 中的列不再像往常一样从表中的第一行继承它们的宽度。

我可以用 div 做些什么来维护继承吗？还是我应该尝试不同的方法？

score 1 · Accepted Answer

<div>作为<table>. _

试试这个...

<table>
  <tr>...</tr>
  <tr style="page-break-inside:avoid">...</tr>
  <tr style="page-break-inside:avoid">...</tr>
  <tr>...</tr>
</table>

或者更好的是，通过 CSS 设置它——针对所有<tr>元素......

<style type="text/css">
  tr { page-break-inside:avoid }
</style>

...或设置class="myTR"为的属性<tr>，然后...

<tr class="myTR">...</tr>

<style type="text/css">
  .myTR { page-break-inside:avoid }
</style>

1 回答 1