Question

有没有办法在HTML表格中分页？我一直试图在以下HTML上获取分页符：

＆＃13;

<html>
    <title>testfile</title>
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="pragma" content="no-cache" />
    <style type="text/css">
        PB {
            page-break-inside: avoid;
        }
    </style>
    </head>
    
    <body>
        <table width="100%">
            <tr>
                <td width="30%"><i>Group:</i>
                </td>
                <td width="70%">Test Group 1</td>
            </tr>
            <tr>
                <td><i>Title:</i>
                </td>
                <td><b>Test Title 1</b>
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
            </tr>
        </table>
        <br/>
        <table width="100%">
            <PB>
                <tr>
                    <td width="30%"><i>Group:</i>
                    </td>
                    <td width="70%">Test Group 2</td>
                </tr>
                <tr>
                    <td><i>Title:</i>
                    </td>
                    <td><b>Test Title 2</b>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
            </PB>
        </table>
        <br/>
        <table width="100%">
            <PB>
                <tr>
                    <td width="30%"><i>Group:</i>
                    </td>
                    <td width="70%">Test Group 3</td>
                </tr>
                <tr>
                    <td><i>Title:</i>
                    </td>
                    <td><b>Test Title 3</b>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
            </PB>
    </body>
</html>

＆＃13;

它在FireFox中工作正常，但不适用于IE10。

我听说IE不喜欢表中的分页符，如果是这种情况，是否有替代方法可以使用？或者

由于

Answer 1

您的代码设置不正确，您无法像现在这样使用<PB>调用CSS。你需要像这样构建它：

    <table width="100%" class="PB">
        <tr>
            <td width="30%"><i>Group:</i>
            </td>
            <td width="70%">Test Group 2</td>
        </tr>
        <tr>
            <td><i>Title:</i>
            </td>
            <td><b>Test Title 2</b>
            </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
        </tr>
    </table>

问题是page-break类是为文本元素（H1-H6，P，blockquotes等）设置的，不一定是块元素，所以我不确定这种方法是否有效。如果它确实有效，我会确保在多个浏览器中进行测试，因为浏览器支持似乎存在不一致，或者至少我已阅读过。

HTML表格中的分页符

1 个答案: