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

时间:2011-09-24 22:35:04

标签: css html printing-web-page page-break-inside

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

我已使用标记

修改了print.css
.general_report {
    page-break-after: always;
}

所有div看起来像:

<div class="general_report">

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

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

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

提前谢谢。

1 个答案:

答案 0 :(得分:0)

Follwing post解释了如何在具有一定宽度和高度的DIV中拟合文本:http://www.dhtmlgoodies.com/?whichScript=text_fit_in_box

这对你有用吗?