Как должны работать свойства разрыва страницы в CSS?

Question

Современные браузеры должны поддерживать свойства разрыва страницы CSS в некоторой степени. Однако я не смог заставить любой браузер печатать иначе, когда я использую avoid, widows или orphans. Я делаю это неправильно, или поддержка браузера не так надежна, как рекламируется?

      h2 {
        page-break-after: avoid;
      }                         

      p {
        page-break-inside: avoid;   
        orphans: 2;
        widows: 2;
      }

Answer 1

Поддержка браузера для печати отстой. Не просто немного, но совершенно полностью и без сравнения. Примерно раз в два года (в течение последних 10) я играл с этим и всегда возвращался к одному и тому же выводу: не зависите от браузера, чтобы справиться с хорошей печатью.

Если он обязательно должен быть правильно размещен, создайте файл PDF на лету и дайте пользователю распечатать его.

Answer 2

Если вы хотите сделать разрыв страницы, я знаю, что так оно и работает, по крайней мере, в Firefox и IE. В прошлый раз, когда я проверял, это работало в IE7.

Page 1

<br style="page-break-after:always" />

Page 2

Это должно печатать страницы на отдельных листах бумаги, полностью в зависимости от браузера.

Answer 3

Я знаю, что это пойдет против всего, что все говорят о разработке HTML, но используйте таблицы . Поместите содержимое, которое необходимо объединить, в таблицу, и тогда страница не будет разбита на середину таблицы. Если таблица длиннее одной страницы, она будет разбита где-то посередине таблицы, но использование таблиц - хороший способ сохранить содержимое при печати. ​​