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
Überblick Lassen Sie uns einige SQL-Anweisungen z...
HTML zum Erreichen eines einfachen ListViews-Effe...
Beschreibung: Stellen Sie einen Timer ein, um den ...
Ich habe kürzlich MySQL auf 5.7 aktualisiert und ...
BFC-Konzept: Der Blockformatierungskontext ist ei...
Umweltanforderungen: IP Hostname 192.168.1.1 Knot...
1. HTML-Teil <Col span="2">Datei ...
1. Installieren Sie weniger Abhängigkeiten: npm i...
Szenario 1: HTML: <div Klasse="äußere&quo...
Aktuell besteht die Anforderung, dass beim Klicke...
So verwenden Sie Iframe: Code kopieren Der Code l...
Inhaltsverzeichnis 1. Anweisungen 2. Modifikatore...
1. Hintergrund Die folgenden zwei Probleme treten...
<br />Dieser Abschnitt stellt die Implementi...
Aus einer Laune heraus habe ich eine Fallstudie ü...