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
18 erstaunliche Verbindungen zwischen Interaktionsdesign und Psychologie
Designer müssen Psychologie verstehen, indem sie ...
CSS realisiert den Effekt „Eckschnitt + Rahmen + Projektion + Farbverlauf im Inhaltshintergrund“
Verwenden Sie einfach CSS, um alle Effekte von Ec...
So installieren Sie Docker unter CentOS und veröffentlichen Docker remote in Springboot
Inhaltsverzeichnis 1. Installation von JDK1.8 unt...
So mounten Sie die Datenfestplatte nach dem Initialisieren der Systemfestplatte in Linux erneut
Erneutes Mounten des Datenträgers nach dem Initia...
Das Prinzip und die Implementierung der bidirektionalen Bindung in Vue2.x
Inhaltsverzeichnis 1. Implementierungsprozess 2. ...
So verwenden Sie Indizes zur Optimierung von MySQL ORDER BY-Anweisungen
Tabelle erstellen und Index erstellen Tabelle tbl...
Neues CSS3-Layout: ausführliche Flex-Erklärung
Flex-Grundkonzepte Flex-Layout (Flex ist die Abkü...
Tutorial zur Installation von MYSQL8.X auf Centos
MySQL-Installation (4, 5, 6 können weggelassen we...
Tiefes Verständnis von Zeilenhöhe und vertikaler Ausrichtung
Mehrere Konzepte Zeilenbox: Eine Box, die eine In...
Klasse in Front-End-JavaScript
Inhaltsverzeichnis 1. Klasse 1.1 Konstruktor() 1....
Eine vollständige Erklärung der MySQL-Hochverfügbarkeitsarchitektur: MHA-Architektur
Inhaltsverzeichnis 1. Einleitung 2. Zusammensetzu...
So ändern Sie die Standardübermittlungsmethode des Formulars
Die Standard-Übermittlungsmethode von HTML ist get...
Was ist ein MySQL-Index? Fragen Sie, wenn Sie es nicht verstehen
Inhaltsverzeichnis Überblick Vom Binärbaum zum B+...
base target="" gibt das Ziel des Basislinks zum Öffnen des Frames an
<base target=_blank> ändert den Zielrahmen d...
Einführung in Linux-Komprimierungs- und Dekomprimierungsbefehle
Inhaltsverzeichnis Gängige Komprimierungsformate:...