html - 表格标题元素导致打印时分页

Question

考虑下表:

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

该表格在屏幕上显示时正确呈现，但在打印时它会打破表格以显示新页面。当我删除标题元素或 display:none 时，表格会在打印时立即呈现。

有什么帮助吗？

Answer 1

根据 W3C:

The table elements, table, tr, td, th, and caption, should have their standard meaning and display treatments: table, table-row, table-cell, and 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 }

请告诉我这是否适合您。

有关该主题的更多详细信息，请访问 THIS PAGE