问题标签 [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.
css - 打印 Textarea 文本 - 全长(高度)?
我有一个网络表单,我的客户希望用户能够打印出来。使用 CSS 进行一些样式设置时效果很好,但是,我有几个textaear
字段。如果用户键入的内容超过了 textarea 的高度,则打印时该类型将被截断。
我已经尝试过textarea{height:100%;}
打印textarea{height:auto;}
样式表,但这些都不起作用。
有没有办法将 textarea 字段的大小调整为仅打印版本的文本大小?如果可能的话,我更喜欢 CSS 解决方案,我可以插入到我的打印样式表中。如果这不可能,javascript 解决方案将起作用。
截图对比:
注意:如果我不能只影响打印版本,我可以考虑使用 JS 在有人输入时自动调整 textarea 字段的大小。
css - 传真的结果打印不同于计算机的打印。
知道什么会导致传真的打印文本看起来像这样。我认为这可能是一个 dpi 问题,奇怪的是所有打印出来的带有白点的文本都直接在 html 标签内。我在页面的其他地方有一些文本没有直接包裹在 span/h1,h2,h3,h4/p 标签中,并且打印正确。页面上的 gif 图像也打印出类似的结果。所有元素的颜色都设置为#333。字体大小也以像素为单位。将其设置为积分有帮助吗?寻找用 print css 解决这个问题的想法。
javascript - 打印样式表不起作用?
所以,我第一次参加网页设计课程,我的教授告诉我们为我们的网站使用特定的打印样式表。我希望它专门隐藏页眉和导航栏(页脚、标题等),但我似乎无法正确处理。顺便说一下,导航栏是下面代码中的“cssmenu”,而不是,这让我很失望。该站点用于教育目的(即免费使用版权),因此请不要批评我如何设置代码,因为我是新手。如果可以的话请帮忙。
我的网站是:http ://tiger.towson.edu/~kmoore25/Proj_3/Welcome.html
无论如何,它不起作用,它适用于我所做的另一个站点。通过不工作,我的意思是我试图隐藏的元素在尝试打印时仍然可见。这是我被告知要使用的模板:
这就是我调整它的方式:
请记住,我是网站新手。最后,这是我网站上其中一个页面的 html,因此您可以看到它是如何不起作用的。我删除了段落和内容以压缩代码,以便您更好地理解它,因为我怀疑这是问题所在:
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.
css - 如何为 CSS 包添加打印样式?
我目前有一个网站,我们所有的 CSS 文件都被捆绑到一个文件中。现在的问题是,需要为此站点添加打印样式,但是我该怎么做呢?
所有 CSS 文件当前都包含在主 CSS 包中,这意味着所有样式都是从该包中导入的。
我不想只为打印样式制作一个新的 CSS 包,有什么方法可以在我的主 CSS 包中包含一个打印样式,
并且仅在预览页面以进行打印时使用该样式?
html - 打印样式在 macOS Safari 打印预览中未正确显示
它在 Chrome 打印预览中的外观:
Safari 打印预览:
我不知道为什么它在 Safari 中不起作用。它不尊重像 Chrome 这样的打印样式吗?我是否有一些晦涩的浏览器设置可能会搞砸?
html - 打印时如何使用 CSS 让 div 占据整个 A4 页面?
我已经搞砸了好几个小时了,这让我发疯了。除非我误解了什么,否则这应该很简单:
A4 纸宽 210 毫米,高 297 毫米。所以设置为200mmx287mm,边框为5mm,如果我进行打印预览(设置为“打印到PDF”,打印对话框中没有边距),它应该占据整个页面。
但是,由于某种原因,它有点太小了。如果我将边框设置为 10 毫米,那么它看起来足够宽但不够高。
这里发生了什么?我错过了一些明显的东西还是浏览器的实现很糟糕?(铬)。
任何帮助表示赞赏。