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

Dyl*_*yes 5 html css jquery

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

我希望避免硬编码jquery中的任何东西,比较text.length并尝试将值等同于高度,但也许这是唯一的方法,我希望看到一些原生css规则,如果可能但我可以似乎没有想到任何问题.

我创造了一个小提琴,说明了我想要完成的事情. http://jsfiddle.net/edZgm/

这是代码:

CSS:

textarea {
    overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

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.

});
Run Code Online (Sandbox Code Playgroud)

HTML:

<textarea> ... lots of text </textarea>
Run Code Online (Sandbox Code Playgroud)

先感谢您.

kar*_*ikr 3

将评论作为答案以供将来参考:

检查jquery 自动增长