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

JavaScript verwendet Canvas zum Zeichnen von Koordinaten und Linien

In diesem Artikel wird der spezifische Code zur V...

Dreißig HTML-Codierungsrichtlinien für Anfänger

1. HTML-Tags immer schließen Im Quellcode der vor...

HTML+CSS zum Erstellen von Herzschlag-Spezialeffekten

Heute werden wir einen einfachen Herzschlageffekt...

Die Bedeutung der 5 Leerzeichenarten in HTML

HTML bietet fünf Leerzeichen mit unterschiedliche...

So installieren Sie Nginx schnell unter Linux

Inhaltsverzeichnis Was ist nginx 1. Laden Sie die...

Docker stellt Containern dynamisch Ports zur Verfügung

Zeigen Sie die IP-Adresse des Containers an docke...

Implementierung des gemeinsamen Grid-Layouts

Keine Lücken auf beiden Seiten, Lücken zwischen j...

Zusammenfassung gängiger Nginx-Techniken und Beispiele

1. Priorität mehrerer Server Wenn beispielsweise ...

So verwenden Sie CSS-Attributselektoren zum Spleißen von HTML-DNA

CSS-Attributselektoren sind großartig. Sie können...

So verbessern Sie die MySQL Limit-Abfrageleistung

Bei MySQL-Datenbankoperationen hoffen wir immer, ...

Docker implementiert Container-Portbindung am lokalen Port

Heute bin ich auf ein kleines Problem gestoßen: N...