Я работаю над проектом, и мне поручили изменить страницу отчета, чтобы сделать ее пригодной для печати. В отчете используется PHP для создания таблиц внутри разделов, но при печати размер этих разделов иногда превышает 1 страницу. Итак, что в конечном итоге происходит, так это то, что таблицы / div ломаются, как только длина страницы заканчивается. В итоге получается беспорядочная каша.
Я изменил print.css тегом:
.general_report {
page-break-after: always;
}
со всеми div, выглядящими так:
<div class="general_report">
Что немного очищает отчет (т. е. каждый раздел начинается с новой страницы). Но это, кажется, тратит впустую немного бумаги и не решает проблему разрыва страниц в середине таблицы. Моя другая идея заключалась в том, чтобы автоматически сжимать содержимое div, чтобы точно соответствовать 1 странице. Ни один из наших разделов не превышает 2 страниц, поэтому, если бы это было возможно, я думаю, это было бы хорошим решением... Но возможно ли это? Есть ли способ для css настроить размер шрифта в соответствии с длиной div?
Я погуглил scale содержимое соответствует div, но все, похоже, хотят противоположного тому, что хочу я (то есть, div подходит к содержимому, а не содержимое к div).
Кто-нибудь может помочь? Общий пример аккуратной печати html-таблиц тоже подойдет, так как все результаты, которые мне удалось найти, включают CSS, не поддерживаемый браузером (т. е. не работает): «page-break-inside: избежать».
Заранее спасибо.