考虑下面的表时:在屏幕上显示时表标题因素导致页面打破打印
<table>
<caption>The caption</caption>
<thead>...</thead>
<tbody>...</tbody>
<tfoot>...</tfoot>
</table>
表呈现正确的,但在打印时它打破了新的一页的表格。当我删除标题元素或display:none时,表格在打印时呈现。
任何帮助?
考虑下面的表时:在屏幕上显示时表标题因素导致页面打破打印
<table>
<caption>The caption</caption>
<thead>...</thead>
<tbody>...</tbody>
<tfoot>...</tfoot>
</table>
表呈现正确的,但在打印时它打破了新的一页的表格。当我删除标题元素或display:none时,表格在打印时呈现。
任何帮助?
根据W3C:
表元素,表,TR,TD,日,和标题,应具有其标准含义,并显示处理:表,表行,表单元格,表-标题。
从我的理解,这意味着
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
是否有CSS分配给该元素的分页属性?例如,“page-break-before”或“page-break-after”?
不,不分配分页属性。 – aldux 2010-07-26 20:31:51
不,没有工作。这些显示设置是默认设置。而且我没有更改表格及其子元素的任何显示设置。但是,谢谢你的帮助。欣赏它。 – aldux 2010-07-26 13:43:40
如果它是活的,你可以给页面的链接吗? – o15a3d4l11s2 2010-07-26 13:44:36
不幸的是它是一个内联网页面。我会尝试获得更准确的代码并将其发布到此处。 – aldux 2010-07-26 14:06:14