分页HTML表

-3

有任何方法可以在HTML表中分页吗？我一直试图让下面的HTML页游：分页HTML表

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

它工作正常，在Firefox，但并不IE10。

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

感谢

来源

2014-12-04 cosmarchy

你总是可以输出一个空行来创建一些空间。 '' – 2014-12-04 21:25:17

该代码显示没有尝试*导致*分页符，并且它是无效的（HTML中没有“PB”元素）。 – 2014-12-04 21:42:09

@ JukkaK.Korpela页面中断标签用于打印元素。根据我的理解，Tim基本上试图设置页面，因此当用户打印表格数据时，它不会在表格中间被切断。是的，它是无效的:) – crazymatt 2014-12-04 21:57:11

您的代码设置不正确，你不能说与<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，引用文字等）并不一定是块元素，因此我不知道这种方法将起作用。如果确实有效，我会确保在多个浏览器中进行测试，因为浏览器支持似乎存在不一致，或者至少是我读过的内容。

来源

2014-12-04 21:53:23 crazymatt

回答

相关问题