jquery - TextArea 元素 - 适合内容的默认大小

Question

如果我在 textarea 元素上设置固定宽度，是否有一种优雅的方法可以将默认高度设置为允许所有内容适合的大小？

我希望避免在 jquery 中硬编码任何会比较 text.length 并尝试将值等同于高度的内容，但也许这是唯一的方法，如果可能的话，我希望看到一些 native css 规则但我似乎想不出任何想法。

我创建了一个 fiddle 来说明我要完成的工作。 http://jsfiddle.net/edZgm/

代码如下:

CSS:

textarea {
    overflow: hidden;
}

JQuery:

$('document').ready(function () {
    $('textarea')
        .width(500);

    //I have a width set, but see how the height defaults to a rediculously small amount.
    //I'd like to have the height default to fit everything on load.

});

HTML:

<textarea> ... lots of text </textarea>

提前谢谢你。

Answer 1

将评论作为答案以备将来引用:

结帐 jquery-autogrow