Steuern Sie die vertikale Mitte des Textes im HTML-Textfeld über CSS

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.

<<:  Analyse der Probleme und Lösungen für wiederholte Übermittlung, wiederholte Aktualisierung und Backoff-Verhinderung

>>:  Detaillierte Erklärung des in JavaScript integrierten Date-Objekts

Artikel empfehlen

Implementierung der Validierung mehrerer Elemente im Formular

Im Projekt werden häufig Formulartests durchgefüh...

Tutorial zum Erstellen eines CA-Zertifikats unter Linux Centos8

Installieren der erforderlichen Dateien Yum insta...

So übergeben Sie Parameter über CSS an JS

1. Hintergrund, der durch CSS übergeben werden mu...

Die Qualitäten und Fähigkeiten, die ein Webdesigner haben sollte

Webdesign ist eine aufstrebende Randbranche, die n...

Details zur MySQL-Datenbankarchitektur

Inhaltsverzeichnis 1. MySQL-Architektur 2. Netzwe...

Das WeChat-Applet realisiert die Chatroom-Funktion

In diesem Artikel wird der spezifische Code des W...

Lernprogramm für HTML-Webseitenlisten-Tags

Lernprogramm zum Erlernen von Listen-Tags für HTML...

Lassen Sie Ihren Text mit dem Marquee-Attribut in HTML tanzen

Syntax: <marquee> …</marquee> Mithilfe...

Einführung in die Containerfunktion of() in der Linux-Kernel-Programmierung

Vorwort Bei der Linux-Kernel-Programmierung werde...

Vue implementiert den Lupeneffekt beim Tab-Umschalten

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erklärung des JQuery-Selektors

Inhaltsverzeichnis Grundlegende Selektoren: Ebene...

JS realisiert die Berechnung des Gesamtpreises der Waren im Warenkorb

JS berechnet den Gesamtpreis der Waren im Warenko...