Question

我想在内部写入时自动调整textarea宽度，使用max-width，就像这个代码用于输入一样。 http://jsbin.com/ahaxe 这可能吗？

Answer 1

你试过这些可能会帮助你吗

http://www.jacklmoore.com/autosize

http://www.technoreply.com/autogrow-textarea-plugin/

Answer 2

HTML：

<textarea id="t1" style='min-width:100px;min-height: 100px'>

</textarea>

 <div id="d1" style='max-width:200px;min-height:20px;display: none'>

</div>

js code：

  $("#t1").live({
keyup: function(e){

    $("#d1").text($(this).val());
    $(this).css("width", $("#d1").css("width"));
    $(this).css("height", $("#d1").css("height"));
}
});

根据您的要求设置div和textarea的尺寸。

Answer 3

使用jquery autogrow插件。

下载autogrowtextarea.js并添加到脚本

并将此css添加到头部：

#id_of_textarea
{
height:auto;
width:width_of_textarea_you_want
}


$(function() {
$('#id_of_textarea').autogrow();
});

避免滚动：

$('#id_of_textarea').css('overflow', 'hidden').autogrow()

Textarea宽度自动调整大小

3 个答案: