问题标签 [print-css]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
8 回答
42995 浏览

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

我有一些简单的 CSS:

它在浏览器中看起来不错,但是当我在 Firefox 中打印它时,它会显示为白色背景上的黑色文本。我想这是某种节省墨水的功能,但有什么办法可以解决吗?

0 投票
10 回答
51121 浏览

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

Firebug 是显示某些 HTML 元素的屏幕媒体 CSS 的绝佳工具,但有没有办法查看打印媒体 CSS 呢?或者是否有任何其他工具可以查看打印媒体 CSS?

0 投票
2 回答
122 浏览

css - 我们应该把 print css 放在底部吗?

如果我们</body>像yahoo对js的推荐一样将print css放在底部会更好,因为只有少数人会打印,如果我们放在底部,那么它将在screen.css和html之后访问。

0 投票
1 回答
113 浏览

css - 如果我们为站点的每个页面提供单独的“打印机友好页面”,那么我们是否需要在站点中使用打印媒体 css?

如果我们为站点的每个页面提供单独的“打印机友好页面”,那么我们是否需要在站点中使用打印媒体 css?

在这种情况下,只有屏幕 css 就足够了吗?

0 投票
2 回答
9271 浏览

css - 我正在尝试使用 print.css 每页打印一个 div,但我失败了

我的代码示例如下:

我有几个divs像上面这样的,打印时我需要每个div都在它自己的页面上。我已经尝试过print.css'page-break-before''page-break-after'的课程。.print我不确定我做错了什么。

在我看来,这似乎'page-break-after'是对的,这就是我在搜索时总能找到的解决方案,但我似乎无法让它发挥作用。

0 投票
7 回答
140758 浏览

css - 在 Chrome 中打印时需要删除 href 值

我正在尝试自定义打印 CSS,并发现它打印出带有href值和链接的链接。

这是在 Chrome 中。

对于这个 HTML:

它打印:

我希望它打印:

0 投票
3 回答
4550 浏览

css - 在 Firefox 中打印字段集

我一直在页眉中向现有项目(使用 media="print")添加一些新的 CSS。它进展顺利并且(一次!)IE 给出了不错的预期结果,但 Firefox 没有......

问题是我有一个包含很多字段的字段集,而 Firefox 完全拒绝(即使在最新版本中)允许在字段集中分页。这意味着任何不适合一页的东西都会丢失......

我在已开放 3 年的 mozilla 网站上发现了该错误 - https://bugzilla.mozilla.org/show_bug.cgi?id=471015 - 但找不到任何合理的解决方法...

在我希望删除字段集或类似内容之前有什么建议吗?

谢谢,戴夫

0 投票
4 回答
5736 浏览

css - 外部 print.css 文件 - 如何使元素仅在打印时可见,在屏幕上不可见?

我目前使用以下作为我的外部 print.css 文件:

/* 删除不需要的元素 */

hiddenedit,#hiddenbuttons,#header,#nav,.propertyselector,li.hiddentab,ul.hiddentab {显示:无;}

/* 确保内容跨越整个宽度 */

容器,#container2,#content {宽度:100%;边距:0;浮动:无;}

/* 将文本颜色更改为黑色(适用于深色背景上的浅色文本)*/ .lighttext { color: #000 }

/* 提高链接的颜色对比度 #781351 */ a:link, a:visited { color: #000 }

我了解这是如何进行显示的:对于我不想在页面上打印的项目没有。我的问题是:我该如何做相反的事情?如果页面上有一些元素我只想在页面打印时可见,而在查看页面时不可见,我该怎么办?

有任何想法吗?谢谢你。

0 投票
1 回答
1319 浏览

css - 使用 css 为屏幕视图和打印视图生成报告

我有一个网页,其中包含在屏幕上显示时分页的报告。这是使用 displaytag 完成的。仅查询要在屏幕上显示的记录数。但是,在打印时,它应该打印完整的报告。

我写了一个在点击打印按钮时调用的javascript。我的想法是在没有分页参数的情况下重新生成报告,然后打印出来。这可以在屏幕上不显示完整内容的情况下完成吗?

还有其他方法可以做到这一点吗?

谢谢您的帮助。

0 投票
0 回答
63 浏览

printing - 没有使用屏幕 css 的 print.css 的打印站点?

我试图打印一个没有 print.css 的网站,所以当它出来时,你得到的只是一个未格式化的页面,是否可以以某种方式使用普通屏幕 css 进行打印?