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

L84*_*L84 5 css printing textarea print-style

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

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

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

截图对比:

屏幕与打印

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

p u*_*ran -1

Firefox浏览器存在此问题。

请在Chrome浏览器中打开 html 文件以打印textarea标签之间的文本。打印大文本时无需应用样式和脚本textarea

应遵循的步骤:

  1. 在 Chrome 浏览器中打开 HTML 文件。
  2. 单击 Ctrl + P。
  3. 单击“保存”按钮(选择 PDF 格式)。
  4. 打开PDF文件(查看之间的所有文本,textarea 如果包含多余文本,是否移动到第二页
  5. 单击打印按钮。