Maison >interface Web >tutoriel HTML >Comment écrire du code de centrage de texte en HTML ?
Comment écrire du code de centrage de texte en HTML ?
- 青灯夜游original
- 2020-04-21 14:52:3447714parcourir
Comment écrire du code de centrage de texte en html ? L’article suivant vous le présentera. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.
Le texte est centré horizontalement
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>水平居中</title>
<style>
.box {
width: 300px;
height: 200px;
background: palegoldenrod;
text-align:center;
}
</style>
</head>
<body>
<div class="box">水平居中了--文本文字</div>
</body>
</html>Rendu :
Instructions : text-align
text-align est un attribut de base qui affecte la façon dont les lignes de texte d'un élément sont alignées les unes avec les autres. Les valeurs gauche, droite et centre entraîneront l'alignement du texte de l'élément respectivement à gauche, à droite et centré. Si vous souhaitez centrer le texte, utilisez simplement centre.
Cet attribut définit le centrage de certains objets en ligne (ou éléments similaires) tels que les balises text et img.
Le texte est centré verticalement
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>垂直居中</title>
<style>
.box {
width: 300px;
height: 300px;
background: paleturquoise;
line-height:300px;
}
</style>
</head>
<body>
<div class="box">垂直居中了--文本文字</div>
</body>
</html>Rendu :
L'attribut line-height définit la distance entre lignes (hauteur de ligne). Les valeurs négatives ne sont pas autorisées.
Cet attribut affecte la disposition de la zone de ligne. Lorsqu'il est appliqué à un élément de niveau bloc, il définit la distance minimale entre les lignes de base dans cet élément plutôt que la distance maximale.
Tutoriel recommandé : Tutoriel HTML
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!