window.print()部分避免了大页面

时间:2014-07-07 19:38:52

标签: javascript css

<fieldset class="first">
<legend>First Part</legend>
--various controls like label/textbox/radio/checkbox....
  

这是一个很小的部分,可以调整到A4尺寸的一半   页。

</fieldset>

<fieldset class="second">
<legend>Second Part</legend>
--various controls like label/textbox/radio/checkbox.... 
  

这是一个非常大的部分,应该采用两个A4尺寸的页面

</fieldset>

<fieldset class="third">
<legend>Third Part</legend>
--various controls like label/textbox/radio/checkbox....
</fieldset>

这是HTML页面的一般结构。

当我尝试使用window.print()命令打印整个页面时,First fieldset占用整页。页面下半部分保持空白。

第二页显示第二个字段集,但由于它更大以适合一个页面,因此它不会扩展到下一页。相反,其余的控件都会丢失。

然后第三页显示第三个字段集。

除了第二页外,一切都很好。如何预览第二个字段集的所有控件。如果它分成两页就没问题了。

我正在尝试使用@media print{}并尝试找出解决此问题的方法。但经过大量的谷歌搜索后,还没有找到解决方案。

如果问题不是那么清楚,请要求澄清。

编辑1:

@media print {

div {
    page-break-before:auto;
}

}

它适用于所有div吗?我在gloabal.css中定义它。会没事吗?

还有一件事,我发现,问题仅出在Firefox中。在Chrome&amp; IE,它工作正常。 firefox的任何解决方案?

0 个答案:

没有答案