HTMLのTextAreaタグはテキストの内容に従って自動的に高さを設定します
まずCSSの解決方法はGoogleからCへ、以下の通りです.
しかし実际のプロジェクトでは表示内容を直接textareaに出力していたので、表示された时に异常を起こして、胜手に文字を书いてOKになったので、JS参上!上のコードを次のように変更します.
<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + 'px';"></textarea>しかし実际のプロジェクトでは表示内容を直接textareaに出力していたので、表示された时に异常を起こして、胜手に文字を书いてOKになったので、JS参上!上のコードを次のように変更します.
<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + 'px';"></textarea>
<script>
// TextArea DOM
var textarea=document.getElementById('textarea');
//
textarea.style.height = textarea.scrollHeight + 'px';
</script>