Wie man HTML-Elemente wie pre und textarea dazu bringt, Bildlaufleisten zu entfernen, automatisch umzubrechen und die Höhe des Textinhalts anzupassen

Pre und Textarea in HTML können vorformatierten Text anzeigen. d.h. Leerzeichen und Zeilenumbrüche beibehalten. Anstatt HTML-Elemente wie <br> und &nbsp; hinzufügen zu müssen, um Zeilenumbrüche und Druckräume hinzuzufügen.

Wenn der Textinhalt vorab angezeigt wird, wird er nicht automatisch umbrochen. Sie können CSS hinzufügen, um dieses Problem zu lösen:

 <pre>ourjs das ist sehr sehr sehr sehr sehr sehr sehr sehr sehr sehr sehr logn-Inhalte.</pre>pre { word-wrap: break-word; pre-wrap: padding: 9.5px ; Hintergrundfarbe: #f5f5f5; Rand: 1px fest #ccc;}

Textarea passt die Höhe an die Höhe des Inhalts an

Textarea kann auch das Inhaltsformat wie prev beibehalten, die Höhe des Elements ist jedoch fest und kann nicht mit CSS angepasst werden. Zu diesem Zeitpunkt können Sie das scrollHeight-Attribut verwenden.

 var textarea = document.getElementsByTagName('textarea')[0];textarea.setAttribute('style','height:'+(textarea.scrollHeight + 12)+'px');

Hier wird eine 12-Pixel-Auffüllung hinzugefügt.

Das Obige zeigt Ihnen, wie Sie HTML-Elemente wie „pre“ und „textarea“ dazu bringen, die Bildlaufleiste zu entfernen, den Textinhalt automatisch umzubrechen und sich an die Höhe des Textes anzupassen Bei Fragen hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird allen umgehend antworten. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!

Wenn Sie der Meinung sind, dass dieser Artikel für Sie hilfreich ist, können Sie ihn gerne erneut drucken. Bitte geben Sie die Quelle an. Vielen Dank!