问题标签 [print-style]

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

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

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

截图对比：

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

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

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

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

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

这就是我调整它的方式：

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

我有多个组件，如下所示：

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

但这会导致打印输出：

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.

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

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

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

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

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

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

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