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

Question

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

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

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

屏幕截图比较:

注意:如果我不能只影响打印版本，我可以考虑 using JS to auto-resize the textarea field因为有人在打字。

Answer 1

这对我有用(改编自 this JS 和 this jQuery ):

function resizeAndPrint() {   
    var _print = window.print;
    window.print = function() {
        $('textarea').each(function() {
            $(this).height($(this).prop('scrollHeight'));
        });
        _print();
    }
    window.print();
}