CSS-разрыв страницы внутри таблицы в Safari?

StackOverflow https://stackoverflow.com/questions/952625

  •  11-09-2019
  •  | 
  •  

Вопрос

Я хочу, чтобы каждая строка таблицы печаталась (media="print", а не "screen") на отдельной странице.Итак, мой HTML выглядит так:

<table>
    <tr style="page-break-after: always;">
        <td><p>Page 1</p></td>
    </tr>
    <tr style="page-break-after: always;">
        <td><p>Page 2</p></td>
    </tr>   
</table>

Разрыв страницы работает в Firefox и IE, но не в Safari 4 и Opera.

Я попытался добавить «разрыв страницы после:всегда» на <td> и <p>, но ни один из них не работает.Кажется, я не могу найти способ принудительно разбить страницу в таблице в Safari и Opera.

Есть идеи, как заставить его работать во всех браузерах?

Это было полезно?

Решение

Ненавижу отвечать только наполовину на ваш вопрос, но...

В Opera это будет работать с элементами, которые являются блочными элементами (строка таблицы — это тип отображения строки таблицы).Поскольку разрыв страницы применяется только к этим элементам.Я не уверен, как заставить это работать в Safari.

style="display:block;page-break-after: always;"
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top