问题标签 [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 投票
2 回答
6057 浏览

css - 打印 Textarea 文本 - 全长(高度)?

我有一个网络表单,我的客户希望用户能够打印出来。使用 CSS 进行一些样式设置时效果很好,但是,我有几个textaear字段。如果用户键入的内容超过了 textarea 的高度,则打印时该类型将被截断。

我已经尝试过textarea{height:100%;}打印textarea{height:auto;}样式表,但这些都不起作用。

有没有办法将 textarea 字段的大小调整为仅打印版本的文本大小?如果可能的话,我更喜欢 CSS 解决方案,我可以插入到我的打印样式表中。如果这不可能,javascript 解决方案将起作用。

截图对比:

屏幕与打印

注意:如果我不能只影响打印版本,我可以考虑使用 JS 在有人输入时自动调整 textarea 字段的大小。

0 投票
1 回答
74 浏览

css - 传真的结果打印不同于计算机的打印。

传真打印的黑白文本中出现奇怪的点 知道什么会导致传真的打印文本看起来像这样。我认为这可能是一个 dpi 问题,奇怪的是所有打印出来的带有白点的文本都直接在 html 标签内。我在页面的其他地方有一些文本没有直接包裹在 span/h1,h2,h3,h4/p 标签中,并且打印正确。页面上的 gif 图像也打印出类似的结果。所有元素的颜色都设置为#333。字体大小也以像素为单位。将其设置为积分有帮助吗?寻找用 print css 解决这个问题的想法。

0 投票
2 回答
686 浏览

javascript - 打印样式表不起作用?

所以,我第一次参加网页设计课程,我的教授告诉我们为我们的网站使用特定的打印样式表。我希望它专门隐藏页眉导航栏(页脚、标题等),但我似乎无法正确处理。顺便说一下,导航栏是下面代码中的“cssmenu”,而不是,这让我很失望。该站点用于教育目的(即免费使用版权),因此请不要批评我如何设置代码,因为我是新手。如果可以的话请帮忙。

我的网站是:http ://tiger.towson.edu/~kmoore25/Proj_3/Welcome.html

无论如何,它不起作用,它适用于我所做的另一个站点。通过不工作,我的意思是我试图隐藏的元素在尝试打印时仍然可见。这是我被告知要使用的模板:

这就是我调整它的方式:

请记住,我是网站新手。最后,这是我网站上其中一个页面的 html,因此您可以看到它是如何不起作用的。我删除了段落和内容以压缩代码,以便您更好地理解它,因为我怀疑这是问题所在:

0 投票
0 回答
46 浏览

html - 里面的分页符在我的打印中不起作用

我有多个组件,如下所示:

在我的 print.scss 中,我说page-break-inside必须避免使用该卡:

但这会导致打印输出:

在此处输入图像描述

0 投票
1 回答
356 浏览

css - Why is break-after: page; ignored inside CSS columns?

Let's say I have this code:

with this CSS:

When printing now, the table doesn't get a page break after it, the next elements are printed on the same page. If I however disable the column-* properties for .chapter, the table gets its own page on printing.

In the real example, I have 10 subchapters and only this one should have a page break afterwards when printing and span both columns. How can I achieve this?

Browser used is Chrome 66.

0 投票
1 回答
3174 浏览

css - 如何在 Firefox 开发者版中模拟 CSS 打印媒体类型?

正如您在此处看到的,开发者工具栏已从最新版本的 Firefox 中删除,因此我无法再运行“媒体模拟打印”命令。我宁愿不必使用 Chrome 来调试我的打印样式,那么还有其他方法可以在 Firefox 中打开该功能吗?

编辑:Web Developer 扩展不是一个选项,因为它只适用于<link>具有该media="print"属性的标签——不能打印包含在普通 CSS 文件中的媒体查询。

在有人将此标记为重复之前: 我已经看过这个问题(不适用于当前的开发者版)和这个问题(它告诉我如何在 Chrome 中执行此操作)。除了发布一个新问题之外,我没有足够的代表做任何事情。

0 投票
1 回答
85 浏览

css - 如何为 CSS 包添加打印样式?

我目前有一个网站,我们所有的 CSS 文件都被捆绑到一个文件中。现在的问题是,需要为此站点添加打印样式,但是我该怎么做呢?

所有 CSS 文件当前都包含在主 CSS 包中,这意味着所有样式都是从该包中导入的。

我不想只为打印样式制作一个新的 CSS 包,有什么方法可以在我的主 CSS 包中包含一个打印样式,

并且仅在预览页面以进行打印时使用该样式?

0 投票
1 回答
73 浏览

html - 是否可以设置一个`