Как вы сжимаете содержимое, чтобы оно соответствовало div?

Я работаю над проектом, и мне поручили изменить страницу отчета, чтобы сделать ее пригодной для печати. В отчете используется 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: избежать».

Заранее спасибо.


person ryvantage    schedule 24.09.2011    source источник


Ответы (1)


Следующий пост объясняет, что вы можете сделать, чтобы разместить текст в DIV с определенной шириной и высотой: http://www.dhtmlgoodies.com/?whatScript=text_fit_in_box

Это работает для вас?

person kroonwijk    schedule 24.09.2011