<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的任何解决方案?