print.css問題

Question

我剛剛被要求將打印樣式表添加到我編寫的網站上，並且對Firefox爲什麼會破壞輸出結果感到困惑。下頁的打印預覽揭示了什麼我指的是：

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

當您嘗試打印在Firefox該頁面中，你會得到一個頁面，在第二的見證的一部分（上標識他們被切斷），另一個空白的第三頁。我已經在IE和Safari中以適度的成功測試過了，沒有這樣的問題。思考？

此外，當您將頁面縮放到任何高於150％的東西時，爲什麼文本會被切斷（而不是打包）？提前致謝！

Answer 1

如果在print.css中將「overflow：visible」添加到#content中，它將在Firefox中正確打印。您的溢出設置爲隱藏在style.css中，這就是爲什麼文本在一頁上被切斷的原因。

Answer 2

我還沒有真正嘗試過打印樣式表，但沒有足夠的必要性和好奇心。但是，查看W3C的頁面paged media，發現可能必須明確聲明或允許分頁符：

本節介紹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 */ 

} 

我想我記得有問題，有了這樣的，因爲「浮動」屬性的東西埃裏克邁耶;但既然你已經說過float: none!important;我想你已經處理了。