1

我有一个包含很多行的简单表格，我想在页面末尾的行之间自动插入分页符。默认情况下，这在 Firefox 中似乎可以正常工作，但 Internet Explorer (7-9) 不会破坏表格。如果表格对于一页来说太长，则表格的其余行会丢失。

所以我尝试以许多不同的方式使用 CSS 属性 page-break-* 来解决这个问题，但没有任何帮助。我发现http://www.w3schools.com/cssref/pr_print_pagebb.asp说

“...避免在表格中出现分页属性...”

为什么这么说？我的表如下所示：

<table class="formatted tablesorter">
    <caption>Some caption</caption>
    <thead>
        <tr>
            <th rowspan="1" colspan="1">Header 1</th>
            <th rowspan="1" colspan="1">Header 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="1" colspan="1">Value 1</td>
            <td rowspan="1" colspan="1">Value 2</td>
        </tr>
        <!-- many more rows... -->
    </tbody>
</table>

有没有办法让分页符在 Internet Explorer 的表中工作？没关系，如果我不得不使用一些 JavaScript。

4

2 回答 2

1

桌子周围的元素有overflow-x: auto; overflow-y: hidden;。这就是为什么桌子没有破裂的原因。

于 2012-07-08T20:38:26.290 回答
0

IE 不支持该avoid值，因此在 Firefox 中可以正常工作，但 IE 不会显示相同的值。你有你正在使用的 CSS 的例子吗？

于 2012-07-06T13:07:07.530 回答