2010-07-26 52 views
0

考虑下面的表时:在屏幕上显示时表标题因素导致页面打破打印

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

表呈现正确的,但在打印时它打破了新的一页的表格。当我删除标题元素或display:none时,表格在打印时呈现。

任何帮助?

回答

0

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

+0

不,没有工作。这些显示设置是默认设置。而且我没有更改表格及其子元素的任何显示设置。但是,谢谢你的帮助。欣赏它。 – aldux 2010-07-26 13:43:40

+0

如果它是活的,你可以给页面的链接吗? – o15a3d4l11s2 2010-07-26 13:44:36

+0

不幸的是它是一个内联网页面。我会尝试获得更准确的代码并将其发布到此处。 – aldux 2010-07-26 14:06:14

0

是否有CSS分配给该元素的分页属性?例如,“page-break-before”或“page-break-after”?

+0

不,不分配分页属性。 – aldux 2010-07-26 20:31:51