HTML/CSS：隱藏PDF格式的固定高度div的溢出

編輯：這個問題似乎歸結爲：爲什麼pdfprinters不能正確讀取CSS - 哪些是做的？HTML/CSS：隱藏PDF格式的固定高度div的溢出

原貼：

我發現了大約固定高度的div和印刷，但大多數人的抱怨似乎有相反的問題。我確實希望溢出不會顯示在打印輸出中。（理想的情況下添加註釋，例如「等」）

print.css

.myClass { 
max-height:50px; 
overflow:hidden; 
}

rep.html

<div class="myClass">86777000, 8537681555608, 863831122008, 04317300008, ... </div>

的div包含數的變化量。我想創建不同的print.css，具體取決於是否需要完整的信息，或者示例足夠。

火狐36.0.4，鉻43.0.2357.124米試圖用：的BullZip PDF打印機，printpdf 0.76

這工作正常的瀏覽器視圖。但（pdf）印刷版始終顯示div的全部內容。

如何隱藏PDF打印輸出中的溢出？溢出：隱藏;不起作用。預先感謝您。

來源

2015-06-11 enahel

試試這個http://www.w3schools.com/css/css_mediatypes.asp – Nandhakumar

它打破了頁面還是把它剪掉了？請提供實時代碼或一些圖像。 –

好，我覺得從HTML你提供你需要把的 div(.myClass)內容的標籤，展示（<p></p>，<pre></pre>），它有內容要更多寬度和更高度，則格（父）例如，如果格（父）height:100px;所以高度爲孩子它有超過100px;和寬度以及過，像這樣在下面

.myClass { 
 
    width: 300px; 
 
    max-height: 50px; 
 
    overflow: hidden; 
 
}

<div class="myClass"> 
 
    <pre>86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008, ...</pre> 
 
</div>

如果不試試下面這段代碼：

.myClass { 
 
    width: 300px; 
 
    max-height: 50px; 
 
    overflow-y: hidden; 
 
    overflow-x: hidden; 
 
}

<div class="myClass"> 
 
    <pre>86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008,86777000, 8537681555608, 863831122008, 04317300008, ...</pre> 
 
</div>

我希望這會爲工作你如果不讓我知道下面的評論。

來源

2015-06-15 08:56:31

也許你需要補充！重要overflow:hidden !important

來源

2015-06-15 10:04:38 Medhat

HTML/CSS：隱藏PDF格式的固定高度div的溢出

回答

相關問題