问题标签 [print-style]

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 投票
1 回答
40663 浏览

css - 打印样式:如何确保图像不跨越分页符

在编写打印样式表时,有没有办法确保图像始终只在一个页面上,而不是跨越多个页面。图像比页面小得多,但根据文档流,它们最终位于页面底部并被拆分。我看到的行为示例如下:

我想要什么

我一直在抱怨 LaTeX 中的浮点数,在这里我要求相同的功能......可以这样做吗?我不一定关心它在所有浏览器中的工作,因为这通常只是我正在编写的一次性文档,以转换为 PDF。

0 投票
1 回答
218 浏览

jquery - 如何让 jquery.sIFR 插件显示 sIFR 替代文本以进行打印?

我正在为此苦苦挣扎。我使用了 jquery sIFR 插件,而不是 sIFR,它可以防止与我在页面上使用的其他 jquery 发生冲突。

它的主要功能工作正常:用 Flash 替换 html 文本。

但是,.sIFR-alternate 类被赋予了“不透明度:0”的内联样式,该样式在 flashblock 开启时仍然存在。因此不会出现替代文本。打印页面时也不会出现(是的,我已经包含了 sIFR-print 的样式)。

我尝试用 display: none 替换 opacity:0 内联样式,但这会导致输出闪光灯的高度问题。

其他人有这个或有任何想法吗?

0 投票
2 回答
109 浏览

html - 用于打印字体的屏幕

在字体方面,您对打印样式表进行样式设置的常规方法是什么。

传统上,衬线字体更适合印刷媒体,但如果无衬线字体仍然清晰易读,如果它使打印输出与网站更加匹配,它是否是打印样式表的更好选择。

0 投票
1 回答
472 浏览

html - 打印网页时隐藏包含 Youtube 的 div

我正在为一个网页创建一个打印样式表,该网页在文本内容旁边还包含内容区域中的 youtube 嵌入(例如)。

我不想打印 youtube,所以我display:none为这些添加了打印样式表div

现在div's 没有打印,但在打印预览中它们确实占用了空白空间,因此将文本内容推到了它们下面。

导致在这个空白区域下有很多带有文本的空白区域。不太好。有没有解决方案或技巧来解决这个问题?

代码:

0 投票
4 回答
13796 浏览

css - 为什么我的打印样式没有在 IE 7 和 IE 8 中呈现?

我有一个包含 2 个样式表的网页:

打印样式适用于 chrome、safari、firefox 和 IE9,但在 IE7 和 IE8 中完全中断。某些应该隐藏的图像不是,其他应该可见的图像不是。它看起来像一团糟,尽管如果我在 IE7 和 IE8 中为屏幕加载两个样式表,一切看起来都完全符合我的预期。

不幸的是,我无法链接到该页面,因为它是一个正在进行中的客户站点,但如果有人有任何想法,我会在这里抓住稻草。

0 投票
1 回答
206 浏览

css - 更改打印样式表的 img

我在文本旁边有一个小图标,代码如下所示:

页面背景为黑色,图标为白色。但是当我打印页面时,文本是黑色的,背景是白色的。打印时白色图标不显示,虽然这不是一个大问题,但我希望图标在打印机时显示。我有另一个可以打印的黑色图标。打印时如何切换这些?

注意:我可以手动将两个图像插入页面,然后使用 CSS 显示和隐藏屏幕和打印的正确图标,但我正在寻找一种自动的方式,不需要我返回并编辑每个页面里面的代码。

0 投票
1 回答
75 浏览

css - Head 中的打印机样式表

我有一个打印样式表设置,但我需要在一页上覆盖样式表的一些属性。我能想到的最简单的方法就是将所需的样式放在页面头部,如下所示:

但我的问题是我不知道如何只针对打印机。

注意:我不想创建另一个样式表。

0 投票
3 回答
404 浏览

css - 在新行上打印 CSS URL

对于打印样式,我目前正在文本之后打印 url。是否可以让它出现在下一行而不是文本旁边?这就是我到目前为止所拥有的。

结果:

给我发电子邮件(hello@email.com)

想要这个:

给我发邮件

(你好@email.com)

示例:http: //jsfiddle.net/qesRk/

0 投票
1 回答
203 浏览

php - 如何仅打印或导出页面的一部分

我正在尝试在 Yii 中打印/导出页面的一部分。最好的方法是:创建打印样式表或导出为 pdf。怎么做?我要打印/导出的页面部分称为:

0 投票
3 回答
1682 浏览

css - 纵向模式下的媒体打印问题

我有这张表格,我打印出来是为了完成我的工作。

现在,问题是,在纵向模式下,它被最小化了,我的意思是它看起来很小,就像 A4 Letter 的一半页面,而在横向模式下它看起来还不错。

这是我的媒体打印 css:

有什么建议吗?此外,我也有 IE 的问题。我可以为 IE 创建额外的媒体打印吗?谢谢