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

回答

相關問題