Heim > Artikel > Web-Frontend > Ausführliche Erläuterung der Steuerung der vertikalen Textzentrierung in HTML-Textfeldern über CSS
Ausführliche Erläuterung der Steuerung der vertikalen Textzentrierung in HTML-Textfeldern über CSS
- 高洛峰Original
- 2017-03-06 17:11:232260Durchsuche
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!