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

发布于 2024-09-12 03:50:56 字数 286 浏览 9 评论 0原文

考虑下表：

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

该表在屏幕上显示时呈现正确，但在打印时会破坏该表以显示新页面。当我删除标题元素或显示：无时，表格在打印时会正确呈现。

有什么帮助吗？

原文

Consider the following table:

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

The table renders right when displaying on screen, but when printing it breaks the table for a new page. When I delete the caption element or display:none, the table renders right on printing.

Any help?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

故笙诉离歌 2024-09-19 03:50:57

根据 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 }

请告诉我这是否适合您。

有关该主题的更多详细信息，请访问此页面

According to 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.

From my understanding this means

caption { display: table-caption; }

EDIT: I found a more accurate style:

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 }

Please tell me if this works for you.

For more detailed information about the topic, visit THIS PAGE

回复收藏 0 原文

~没有更多了~