print-css相关内容

分页符不适用于 tbody 问题

我正在使用 table 生成打印报告'" rel="tag">twitter-bootstrap 布局.页面在一个table中有多个tbody;在打印页面时,它需要一个 page-break-after 每个 tbody 为此,我应用了 print-css @media 打印 {身体{分页后:自动;page-break-inside:避免;边界:无!重要;margin-bottom: 20 ..
发布时间:2021-12-28 11:33:50 前端开发

Chrome:打印预览不同于模拟 CSS 媒体打印

我在 Chrome 26 中打印页面时遇到问题,其中表格显示为灰色背景. 当我使用模拟 CSS 媒体打印查看 chrome 页面时,它看起来不错 在 Safari 中打印时一切正常.有人知道如何解决这个问题吗? 解决方案 解决方案如下:将此添加到您的打印 css * {transition: none !important} 请参阅:https://nicolasbouli ..
发布时间:2021-12-28 08:32:23 前端开发

如何在 Firebug 中查看打印媒体 CSS?

Firebug 是显示某些 HTML 元素的屏幕媒体 CSS 的绝佳工具,但有没有办法也查看印刷媒体 CSS?或者有没有其他工具可以查看印刷媒体的CSS? 解决方案 我从没想过这会奏效,但确实如此.安装 - 两者 - Firebug 和 Web Developer 的 1.5 测试版.当您从 Web Developer 选择打印 css 时,Firebug 中的工具会突然在页面的新打印版本 ..
发布时间:2021-12-28 08:21:50 前端开发

如何让 Firefox 打印背景颜色样式?

我有一些简单的 CSS: #someElement {背景颜色:黑色;白颜色;} 它在浏览器中看起来不错,但是当我在 Firefox 中打印它时,它显示为白底黑字.我想这是某种节省墨水的功能,但有什么办法可以解决吗? 解决方案 这是一个浏览器设置.在 CSS 中您无能为力.在 Windows 中 - File >页面设置... >打印背景. ..
发布时间:2021-12-19 13:39:19 前端开发

分页符不适用于tbody问题

我正在使用打印-css @media打印{身体{分页后:自动;page-break-inside:避免;边界:无重要!margin-bottom:20px!important;}} 出了什么问题? 在将样式 page-break-after 应用于 tbody 时,分页符不起作用 在此处查看 我想使用 page-break-after:auto; .在tbody之后中断页面. ..
发布时间:2021-04-26 18:54:28 前端开发

强制元素在打印介质中占据可用高度的一半

我在要打印的网页上动态创建元素(学生账单)。 我希望此元素仅占打印介质总可打印高度的一半,因此我可以在一页上打印两个元素。 但是在图片中,显然第三个元素的某个部分出现在第一个页面上,实际上应该放在第二个页面上。 如何强制这个元素(一个学生的帐单)占据页面高度的一半? ..
发布时间:2018-06-23 15:57:48 前端开发

在Firefox中打印字段集

我已经添加了一些新的CSS到现有的项目(使用媒体=“打印”)在页眉。它是顺利和(一次!)IE是给予不错的,预期的结果,但火狐不... ... 问题是,我有一个fieldset包含而且Firefox完全拒绝(即使在最新版本中),以允许fieldset内的分页符。这意味着任何不适合在一个页面上的任何东西都会丢失... 我发现在已经开放3年的mozilla网站上确认的错误 - https:/ ..
发布时间:2017-11-15 21:16:33 前端开发

如何使Chrome页面以一致的大小打印HTML页面?

我正在设计一组要打印的HTML页面,我想要页面的元素以相同的比例结束。例如,有一个div类,其宽度定义为200px宽出现在几个页面的每一页上。我希望每个页面打印时都能显示完全相同的大小(适合于,例如,剪切和叠加)。 我使用一些工作最好在Chrome(主要是CSS缩放规则有更小的副本的元素在其他地方),所以理想情况下,我想继续使用Chrome。 (这在Firefox中会更容易,因为它在打印对话 ..
发布时间:2017-02-06 18:55:45 前端开发

如何在每个页面的打印CSS的页边框

我有一个很长的HTML要打印。页面准备好打印,但我需要边界每一页。我添加了 body {border:2px#666 solid; padding:5px; } 在CSS代码。 HTML视图是好的,但打印视图不是。因为border-bottom没有显示第一页,border-top没有显示所有其他页面。 我希望,我可以解释我想要的。我被搜索,仍在寻找解决方案。我认为这很容易。但stil没有找到 ..
发布时间:2017-01-20 20:29:49 前端开发

如何在Firebug中看到打印媒体CSS?

Firebug是一个很好的工具,为一些HTML元素显示屏幕媒体CSS,但是有一种方法来看看打印媒体CSS呢?或者是否有任何其他工具可以看到打印媒体CSS? 解决方案 我从来不希望这个工作, 。安装--bug- Firebug和Web开发者的1.5 beta版。当您从Web Developer选择打印css时,Firebug中的工具会突然在新的打印版本的页面上工作。到目前为止,我没有发现任何 ..
发布时间:2017-01-19 03:59:14 前端开发

如何让Firefox打印背景颜色样式?

我有一些简单的CSS: #someElement { background-color:black; color:white; } 在浏览器中看起来不错,但是当我在Firefox中打印时它作为在白色背景的黑文本出来。我想这是某种节省墨水的功能,但有什么办法吗? 解决方案 它是一个浏览器设置。没有什么你可以做你的CSS。在Windows中 - 文件>页面设 ..
发布时间:2017-01-18 14:12:50 前端开发