带textarea的html页面

Question

我有textarea，它只显示3行，并使用滚动条。现在当我打印出我有textarea的html时，它只打印可见部分（即仅3行）。

我希望当用户打印html页面时，它应该在文本框内打印整个文本而不是仅显示可见部分。

Answer 1

结帐此Demo并按Ctrl + P，您会看到＆lt; textarea＆gt;是隐藏的＆lt; div class =“textarea”＆gt;是可见的。

.textarea {
  display: none;
}
@media print {
  textarea {
    display: none;
  }
  .textarea {
     display: block;
  }
}

Answer 2

您可以在打印时为textarea定义不同的高度：

@media print {
   .selectorOfYourTextarea {
      height: 500px;
   }
}

这样，您的textarea 500px高度仅适用于打印机。但问题仍然是500px可能还不够。