Maison > Article > interface Web > Comment centrer le texte de haut en bas en HTML
Comment centrer le texte de haut en bas en HTML
- 藏色散人original
- 2021-01-25 09:50:3845031parcourir
Comment centrer le texte vers le haut et vers le bas en HTML : créez d'abord un exemple de fichier HTML ; puis créez une zone de texte ; puis définissez l'attribut de hauteur de Text et enfin implémentez le texte via des attributs tels que " vertical-align : middle;" en CSS Centrez-le simplement de haut en bas.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3.
Recommandé : Tutoriel vidéo CSS
Laissez le texte dans la zone de texte en HTML être centré verticalement
Lorsque vous définissez faites-le vous-même Lorsque l'attribut height de Text est désactivé, le texte saisi dans Text n'est pas centré verticalement. Cependant, vous pouvez ajouter du CSS pour le contrôler afin que le texte saisi soit centré verticalement, ce qui rend la page Web plus parfaite
<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>
<div>
<input type="text" id="text">
</div>
</body>
</html><.>Ajouter verticla-align Après avoir ajouté les deux attributs line-height et line-height, le texte dans la zone de texte sera centré verticalement dans la zone de texte. Il convient de noter que la hauteur de la ligne doit être égale à la hauteur. Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!