Steuern Sie die vertikale Mitte des Textes im HTML-Textfeld über CSS
|
Wenn das Höhenattribut von Text definiert ist, wird der in den Text eingegebene Text nicht vertikal zentriert. Sie können jedoch CSS hinzufügen, um dies zu steuern und den eingegebenen Text vertikal zentriert zu machen, um die Webseite perfekter zu gestalten. Code kopieren Der Code lautet wie folgt:<html> <Kopf> <style type="text/css"> #text { Höhe: 20px; vertikale Ausrichtung: Mitte; Zeilenhöhe: 20px; /*Zeilenhöhe muss gleich der Höhe sein*/ } </Stil> </Kopf> <Text> <Tabelle> <Eingabetyp="Text" ID="Text"> </Tabelle> </body> </html> Nach dem Hinzufügen der beiden Attribute verticla-align und line-height wird der Text im Textfeld vertikal zentriert. Dabei ist zu beachten, dass line-height gleich height sein muss. |
>>: Detaillierte Erklärung des in JavaScript integrierten Date-Objekts
Artikel empfehlen
Vergleich der JS-Array-Loop-Methode und der Effizienzanalyse
Array-Methoden JavaScript bietet viele Array-Meth...
So ändern Sie die Standardspeicher-Engine in MySQL
MySQL-Speicher-Engine: Der MySQL-Server verwendet...
So erweitern Sie den Linux-Swap-Speicher
Swap-Speicher bedeutet hauptsächlich, dass das Sy...
Tiefes Verständnis von Zeilenhöhe und vertikaler Ausrichtung
Mehrere Konzepte Zeilenbox: Eine Box, die eine In...
Detaillierte Erläuterung der Verwendung von MySQL Explain (Analyseindex)
EXPLAIN zeigt, wie MySQL Indizes verwendet, um Au...
Docker-Netzwerkprinzipien und detaillierte Analyse benutzerdefinierter Netzwerke
Docker virtualisiert eine Brücke auf dem Host-Rec...
Lösung zum Ändern des Datenspeicherorts der Datenbank in MySQL 5.7
Da die in der MySQL-Datenbank gespeicherten Daten...
Installations-Tutorial zur dekomprimierten Version von MySQL 5.7.23 für WinX64
Detailliertes Installations-Tutorial zur Dekompri...
Wie man die Idee von Vue nutzt, um einen Speicher zu kapseln
Inhaltsverzeichnis Hintergrund Funktion Zweck Ide...
Beheben Sie den Fehler bei der Installation von VMware Tools unter Ubuntu 18.04
1. Laut dem Online-Tutorial schlägt die Installat...
So führen Sie nginx in Docker aus und mounten das lokale Verzeichnis in das Image
1 Ziehen Sie das Bild von hup Docker-Pull Nginx 2...
10 Dinge, die exzellente Webentwickler wissen müssen, um ihre Entwicklungsfähigkeiten zu verbessern
„Entwicklung ist mehr als nur Code schreiben“ stam...
Webdesign-TabIndex-Element
TabIndex dient zum Drücken der Tabulatortaste, um ...
Vue einfache Implementierung einer Plattenspielerlotterie
In diesem Artikel wird der spezifische Code von V...
Lösen Sie das MySQL 5.7.9 Version sql_mode=only_full_group_by Problem
MySQL 5.7.9 Version sql_mode=only_full_group_by P...