Code kopieren Der Code lautet wie folgt:<HTML> <KOPF> <TITLE>Methode zur automatischen Anpassung der Breite und Höhe von Textbereichen</TITLE> <!-- Automatische Anpassung der Control-Breite--> <style type="text/css"> .Kommentare { width:100%;/*Automatisch an die Breite des übergeordneten Layouts anpassen*/ Überlauf: automatisch; Worttrennung:alles trennen; /*Lösen Sie das Zeilenumbruchproblem im IE (verhindern Sie, dass es automatisch in einer Zeile angezeigt wird, hauptsächlich um das IE-Kompatibilitätsproblem zu lösen. Wenn in IE8 die Breite auf 100 % eingestellt ist und die Textfeldkapazität eine Zeile überschreitet, Wenn wir auf den Textinhalt doppelklicken, wird dieser automatisch in eine einzelne Zeile geändert, sodass wir zur Steuerung des Zeilenumbruchs nur die proprietären Zeilenumbrucheigenschaften des IE (Wortumbruch oder Zeilenumbruch) verwenden können.)*/ } </Stil> </KOPF> <KÖRPER> <FORM METHOD=POST ACTION= " "> <!-- Steuert hauptsächlich die automatische Höhenanpassung --> <!-- Das erste ist ein normales Textfeld --> <textarea class="comments" rows="10" cols="10"> </textarea> <!-- Die folgenden beiden Methoden können das Problem lösen, dass sich die Zeilenhöhe des Textbereichs automatisch an die Höhe des Klasseninhalts anpasst--> <textarea Klasse="Kommentare" Zeilen=1 Name=s1 Spalten=27 onpropertychange= "this.style.posHeight=this.scrollHeight "</textarea> <textarea Klasse = "Kommentare" Stil = "Höhe: Ausdruck ((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px'); Überlauf: Auto;"></textarea> </FORM> </BODY> </HTML> |
<<: Drei Diskussionen zum Iframe Adaptive Height Code
Schauen wir uns die detaillierte Methode zum Erst...
Inhaltsverzeichnis 1. Erste SQL-Vorbereitung 2. M...
Inhaltsverzeichnis 1. Was ist eine Indexsignatur?...
1. Spring Boot unterstützt kein JSP-JAR-Paket, JS...
Das Thema Big Data wird immer wichtiger und wer m...
1 Einleitung Apache Storm ist ein kostenloses, Op...
Pessimistische Sperre Pessimistische Sperre, betr...
Das Schönste, was in einer Produktionsumgebung pa...
Vorwort MySQL ist das beliebteste relationale Dat...
In diesem Artikel wird der spezifische JavaScript...
Tetris ist ein sehr klassisches kleines Spiel, un...
Verwendungsstatus useState fügt einer Komponente ...
Durch die sogenannte Sliding Door-Technologie läs...
Ich habe heute mit den Netzwerkeinstellungen unte...
Einführung Kürzlich musste ich für einen großen A...