html - テーブル キャプション要素が原因で、印刷時に改ページが発生する

Question

次の表を検討してください。

<table>
<caption>The caption</caption>
<thead>...</thead>
<tbody>...</tbody>
<tfoot>...</tfoot>
</table>

画面に表示するとテーブルは正しくレンダリングされますが、印刷すると新しいページのテーブルが壊れます。キャプション要素または display:none を削除すると、テーブルは印刷時に正しくレンダリングされます。

何か助けはありますか？

Answer 1

W3Cによると：

テーブル要素、table、tr、td、th、およびcaptionは、標準的な意味と表示処理（table、table-row、table-cell、およびtable-caption）を持つ必要があります。

私の理解から、これは意味します

caption { display: table-caption; }

編集：私はより正確なスタイルを見つけました：

TABLE         { display: table }
TR            { display: table-row }
THEAD         { display: table-header-group }
TBODY         { display: table-row-group }
TFOOT         { display: table-footer-group }
COL           { display: table-column }
COLGROUP      { display: table-column-group }
TD, TH        { display: table-cell }
CAPTION       { display: table-caption }

これでうまくいくかどうか教えてください。

トピックの詳細については、このページをご覧ください。