Перерыв страницы в таблице 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

Вы всегда можете просто вывести пустую строку, чтобы создать некоторое пространство. '' –

Код не показывает попытку * вызывать * разрыв страницы, и он недействителен (в HTML не существует элемента 'PB'). –

@ JukkaK.Korpela Тег для разметки страницы используется для элементов печати. Из того, что я понимаю, Тим в основном пытается настроить страницу, поэтому, когда пользователь печатает данные таблицы, он не обрезается посередине таблицы. И да, это недействительно :) – crazymatt

Ваш код настроен неправильно, то вы не можете назвать CSS с <PB> как у вас есть сейчас. Вы должны были бы структурировать так:

<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

Перерыв страницы в таблице HTML

ответ

Смежные вопросы