Maison >interface Web >tutoriel HTML >Explication détaillée du contrôle du centrage vertical du texte dans les zones de texte HTML via CSS
Explication détaillée du contrôle du centrage vertical du texte dans les zones de texte HTML via CSS
- 高洛峰original
- 2017-03-06 17:11:232363parcourir
Lorsque l'attribut height de Text est défini, le texte saisi dans Text n'est pas centré verticalement, mais il peut être contrôlé via CSS. Il y a un bon exemple ci-dessous, vous pouvez vous y référer.
Lorsque l'attribut height de Text est défini, le texte saisi dans Text n'est pas centré verticalement, mais vous pouvez ajouter du CSS pour le contrôler afin que le texte saisi soit centré verticalement pour rendre la page Web plus parfaite.
Le code est le suivant :
<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>
Après avoir ajouté les deux attributs verticla-align et line-height, le texte dans la zone de texte sera centré verticalement dans la zone de texte, il convient de noter que line-height doit être égal à height.
Pour des informations plus détaillées sur le contrôle du centrage vertical du texte dans les zones de texte HTML via CSS, veuillez faire attention au site Web PHP chinois !