HTML/CSS : hide overflow of fixed height div in pdf print

标签 html css printing overflow

编辑: 问题似乎归结为:为什么 pdfprinter 不能正确读取 CSS - 而哪些可以呢?

原帖:

我发现很多关于固定高度 div 和打印的提示,但大多数人似乎有相反的问题。我确实希望溢出不显示在打印输出中。 (理想情况下添加注释,例如“等”)

打印.css

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

rep.html

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

div 包含不同数量的数字。我想根据是否需要完整信息或示例是否足够来创建不同的 print.css。

Firefox 36.0.4,Chrome 43.0.2357.124 m 尝试过:Bullzip pdf 打印机,printpdf 0.76

这适用于浏览器 View 。但是 (pdf) 打印版本总是显示 div 的全部内容。

如何隐藏 pdf 打印输出中的溢出?溢出:隐藏;不起作用。 先感谢您。

最佳答案

也许你需要添加!重要溢出:隐藏!重要

关于HTML/CSS : hide overflow of fixed height div in pdf print,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30777167/

相关文章:

html - 如何在缩小页面进行打印时避免出现空白页?

html - HTMLMediaElement 的非线性体积

Javascript:在div中选择一个图像元素

css - 如何在这个纯 HTML/CSS 幻灯片中添加指向每个图像的链接?

javascript - setInterval() 不重复。仅工作 1 次

c# - 如何使用 C# 代码打印文档?

保存txt文件的javascript代码

javascript - 为什么 HTML 页面的类为 ‘javascript’ ?

php - HTML 表单、php 和撇号

java - 如何在没有用户交互的情况下将 pdf 打印到特定托盘