如何缩小内容以适合div?

如何缩小内容以适合div?

问题描述:

我在一个项目上,并且我已被分配修改报告页面以使其可打印的任务。该报告使用PHP在div中生成表格,但divs有时会大于1页的页面长度。所以,最终发生的事情是一旦页面长度用完,表格/ div就会被破坏。最终的结果是混乱。如何缩小内容以适合div?

我已经修改了与标签的print.css:

.general_report { 
    page-break-after: always; 
} 

与所有的div看起来像:

<div class="general_report"> 

哪个清理报告一点点(即,每节开始一个新的页面)。但是这似乎浪费了很多纸张,并没有解决中间分页的问题。我的另一个想法是自动收缩div的内容,以准确地适合1页。我们所有的div都不超过2页,所以如果这是可能的,我认为这将是一个很好的解决方案......但是这可能吗?有没有办法让CSS调整字体大小以适应div长度?

我使用Google搜索scale contents to fit div,但每个人似乎都想与我想要的相反(即div适合内容,而不适合div)。

有没有人有任何帮助,他们可以提供?打印html表格的一般示例也可以工作,因为我所能找到的所有结果都涉及到非浏览器支持的CSS(即不起作用):“page-break-inside:avoid”。

预先感谢您。

Follwing文章解释,你可以做一定的宽度和高度的DIV来适合文本的内容:http://www.dhtmlgoodies.com/?whichScript=text_fit_in_box

这是否对你的工作?