Textbereich Textbereich Breite und Höhe Breite und Höhe Automatische Anpassung Implementierungscode
|
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
Artikel empfehlen
Verwenden Sie JS, um Dateien zu bearbeiten (FileReader liest --node's fs)
Inhaltsverzeichnis JS liest Datei FileReader doku...
js, um einen Karusselleffekt zu erzeugen
Ich denke, das Karussell ist ein relativ wichtige...
Hast du genau verstanden Schlagworte Definition Verwendung
Vorwort : Heute wurde ich gefragt: „Haben Sie das ...
Detaillierte Erklärung der Verwendung des Linux-Befehls nslookup
[Wer ist nslookup?] 】 Der Befehl nslookup ist ein...
Vue: Zwei Komponenten auf gleicher Ebene erreichen eine Wertübertragung
Vue-Komponenten sind verbunden, daher ist es unve...
Detaillierte Erläuterung des Implementierungsprinzips der Transaktionsisolationsstufe in MySQL
Vorwort Wenn es um Datenbanktransaktionen geht, f...
Web realisiert den Code zum Öffnen des Fensters zum Hochladen von Dateien durch Klicken auf das Bild
Code kopieren Der Code lautet wie folgt: <Stil...
Beim Zugriff auf die Homepage eines im Docker-Modus gestarteten Tomcat tritt ein 404-Fehler auf
Szenario: Beim Starten von Tomcat in Docker (Vers...
Verwenden Sie MySQL, um Port 3306 zu öffnen/ändern und Zugriffsberechtigungen in der Ubuntu/Linux-Umgebung zu öffnen
Betriebssystem: Ubuntu 17.04 64-Bit MySQL-Version...
Lösung für Nginx-Installationsfehler
1. Entpacken Sie nginx-1.8.1.tar.gz 2. Entpacken ...
Lösung für vergessenes Linux MySQL-Root-Passwort
Wenn Sie sich bei der Verwendung der MySQL-Datenb...
Verwenden von js zum Implementieren eines einfachen Lichtschaltercodes
Körperteil: <button>Licht ein-/ausschalten&...
Methode zum dynamischen Laden von Geojson basierend auf Vue+Openlayer
Laden eines oder mehrerer Features <Vorlage>...
Wann verwendet man Tabellen und wann CSS (Erfahrungsaustausch)
Die Haupttextseite von TW hatte früher eine Breite...
Spezifische Verwendung der MySQL-Segmentierungsfunktion substring()
Es gibt vier wichtige MySQL-Zeichenfolgenabfangfu...