2 つの div が並んでいて、両方ともテキストエリアがあります。コンテンツを 1 行ずつ正確に並べて表示したいのです。したがって、行が長くなった場合にテキストを折り返すのではなく、テキストエリアを広くしたいのです。
線が大きくなりすぎたかどうかを確認するために何を計算すればよいかわかりません。
2 つの div が並んでいて、両方ともテキストエリアがあります。コンテンツを 1 行ずつ正確に並べて表示したいのです。したがって、行が長くなった場合にテキストを折り返すのではなく、テキストエリアを広くしたいのです。
線が大きくなりすぎたかどうかを確認するために何を計算すればよいかわかりません。
テキストエリアの幅を変更したい場合は、「cols」 属性を変更する必要があります。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#txtarea").keyup(function(){
if($("#txtarea").val().length > 20){
$("#txtarea")[0].cols = $("#txtarea").val().length;
}
});
});
</script>
</head>
<body>
<textarea id="txtarea"></textarea>
</body>
</html>
これを試して。また、この jsFiddle ( http://jsfiddle.net/xPCB4/ ) を投稿したので、実際の動作を確認できます。これがあなたが必要としていたものであることを願っています。
$(document).ready(function(){$('textarea').autosize();});