Textarea 너비 자동 크기 조정

Question

입력 할 때이 코드처럼 최대 너비를 사용하여 텍스트 영역의 너비를 자동으로 조정하려고합니다. http://jsbin.com/ahaxe 가능합니까?

Answer 1

DEMO : http://jsfiddle.net/buM6M/1/

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 코드 :

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

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

귀하의 요구 사항에 따라 사업부와 텍스트 영역의 크기를 설정합니다.

Answer 2

jquery autogrow plugin을 사용하십시오.

다운로드 autogrowtextarea.js 및 스크립트

에 추가하고 머리에이 CSS를 추가

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

Answer 3

당신이 당신에게

을 도울 수있는이있을 수 있습니다 시도가 : 스크롤을 피하기 위해

#id_of_textarea 
{ 
height:auto; 
width:width_of_textarea_you_want 
} 


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

http://www.jacklmoore.com/autosize

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