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 でできることはありますか? それとも、別のアプローチを試す必要がありますか?

Answer 1

<div>の子として持つ HTML 構文は無効です<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>