打印Textarea文本 - 全长（高度）？

Question

我有一个webform，我的客户希望用户能够打印出来。使用CSS可以很好地使用一些样式，但是，我有几个textaear字段。如果用户键入超过textarea的高度，则打印时类型将被截止。

我在打印样式表中尝试了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();
}

Answer 2

firefox 浏览器中存在此问题。

请在 chrome 浏览器中打开html文件，以便在textarea代码之间打印文字。无需应用样式和脚本来打印textarea的大文。

要遵循的步骤：

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