print.css问题

时间:2009-07-27 16:47:29

标签: html css printing

我最近刚被要求在我编写的网站上添加打印样式表,并且对于为什么Firefox会破坏输出感到困惑。以下页面的打印预览显示了我所指的内容:

http://webreviewportal.com/ethicalmovers/newsite/aaem-customer-testimonials.php

当您尝试在Firefox中打印该页面时,您会在一个页面上获得徽标,在第二页上获得部分推荐(它们会被切断),另一个空白的第三页。我已经在IE和Safari中取得了一定的成功,但没有出现这样的问题。想法?

此外,当您将页面缩放到150%以上时,为什么文本会被切断(而不是换行)?提前谢谢!

2 个答案:

答案 0 :(得分:2)

如果在print.css中向#content添加“overflow:visible”,它会在Firefox中正确打印。您的溢出设置为在style.css中隐藏,这就是文本在一个页面上被截断的原因。

答案 1 :(得分:0)

我还没有真正尝试过打印样式表,没有足够的必要性和好奇心。但是,查看paged media上的W3C页面,可能需要明确说明或允许分页:

  

本节介绍CSS 2.1中的分页符。五个属性指示用户代理可能或应该打破页面的位置......

     

摘自: http://www.w3.org/TR/CSS2/page.html#page-break-props,2009-07-27,18:13

因此,可能值得在分页符中添加,或者通过添加以下内容来禁止推荐和徽标之间的分页:

#leftcol {

page-break-inside: auto; /* although this may be the default value, anyway */

}

我想我记得Eric Meyer因为'浮动'属性而遇到这类问题;但既然你已经说过float: none!important;我猜你已经处理过了。