你如何缩小内容以适应div？

Question

我正在进行一个项目,我被分配了修改报告页面以使其可打印的任务.该报告使用PHP在div中生成表格,但div在打印时有时大于1页长度.因此,最终发生的事情是,一旦页面长度耗尽,表/ div就会被破坏.最终的结果是混乱.

我用标签修改了print.css:

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

所有的div看起来像:

<div class="general_report">

这会稍微清理一下报告(即每个部分都以新页面开头).但这似乎浪费了相当多的论文,并没有解决中间页面破坏的问题.我的另一个想法是自动缩小div的内容以准确地适合1页.我们的div都没有超过2页,所以如果可行,我认为这将是一个很好的解决方案......但这可能吗？有没有办法让CSS调整字体大小以适应div长度？

我用谷歌搜索缩放内容以适应div,但每个人似乎都想要与我想要的相反(即div适合内容,而不适合div).

有没有人可以提供任何帮助？打印html表的一般例子也很有效,因为我能找到的所有结果都涉及非浏览器支持的CSS(即,不起作用):"page-break-inside:avoid".

先感谢您.

Answer 1

以下帖子解释了如何使文本适合具有特定宽度和高度的 DIV：http://www.dhtmlgoodies.com/?whichScript =text_fit_in_box

那对你有用吗？