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

高洛峰
Libérer: 2017-03-06 17:11:23
original
2368 Les gens l'ont consulté

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>
Copier après la connexion


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 !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal