垂直缩放textarea以适合文本？

Question

我创建了一个输出自定义文本的textarea。我想让它缩放以适应文本，如果有太多，而不必滚动（除非textarea是一定的高度）。我也不希望能够手动缩放textarea。我该怎么做呢？提前谢谢。

Answer 1

您可能需要查看this。 似乎是解决您问题的方法。 接受的答案中有一个jsfiddle显示结果。

取出最重要的功能见下文。它将textareas高度设置为等于其scrollHeight。

function resize () {
    var text = document.getElementById('text');
    text.style.height = 'auto';
    text.style.height = text.scrollHeight+'px';
}

Answer 2

您可以通过CSS

完成此操作

textarea
{ 
   overflow : auto;
}