HTML の Pre および textarea では、事前にフォーマットされたテキストを表示できます。つまり、スペースと改行を保持します。 <br> や などの HTML 要素を追加する代わりに、改行やスペースを追加します。
スクロールバーを事前に削除この問題を解決するには、いくつかの CSS を追加すると、テキスト コンテンツが自動的に折り返されません。
<pre>これは非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に非常に重要です; 背景色: #f5f5f5; 境界線: 1px 実線 #ccc;}
Textarea は高さをコンテンツの高さに合わせて調整します
Textarea も prev と同様にコンテンツの形式を保持できますが、要素の高さは固定されており、CSS で調整することはできません。このとき、scrollHeight 属性を使用できます。
var textarea = document.getElementsByTagName('textarea')[0];textarea.setAttribute('style','height:'+(textarea.scrollHeight + 12)+'px');ここに 12px のパディングが追加されます。
要約する上記は、pre や textarea などの HTML 要素でスクロール バーを削除し、テキスト コンテンツを自動的に折り返してテキストの高さを調整する方法を紹介したものです。お役に立てば幸いです。ご質問がございましたら、メッセージを残してください。編集者がすぐに全員に返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！
この記事が役立つと思われる場合は、転載していただいてかまいませんので、出典を明示してください。ありがとうございます。