Wenn das Höhenattribut von Text definiert ist, ist der in Text eingegebene Text nicht vertikal zentriert, kann aber über CSS gesteuert werden. Unten finden Sie ein gutes Beispiel, auf das Sie sich beziehen können
Wenn das Höhenattribut von Text definiert ist, wird der in Text eingegebene Text nicht vertikal zentriert. Sie können jedoch CSS hinzufügen, um ihn so zu steuern, dass der eingegebene Text vertikal zentriert wird, um die Webseite perfekter zu machen.
Der Code lautet wie folgt:
<html>
<head>
<style type="text/css">
#text {
height:20px;
vertical-align:middle;
line-height:20px; /*line-height must be equal to height*/
}
</style>
</head>
<body>
<table>
<input type="text" id="text">
</table>
</body>
</html>
Nach dem Hinzufügen der beiden Attribute verticla-align und line-height wird der Text im Textfeld vertikal zentriert Im Textfeld ist zu beachten, dass line-height gleich height sein muss.
Ausführlichere Informationen zur Steuerung der vertikalen Zentrierung von Text in HTML-Textfeldern über CSS finden Sie auf der chinesischen PHP-Website!
So entfernen Sie den Rand des Textfelds
So schreiben Sie HTML-Textfeldcode
So zentrieren Sie Div-Text vertikal
So richten Sie Textfelder in HTML aus
Was ist einfacher, Thinkphp oder Laravel?
So formatieren Sie die Festplatte unter Linux
Welche Versionen des Linux-Systems gibt es?
So überprüfen Sie tote Links auf Websites
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
