Maison > Article > interface Web > Comment définir l'alignement du centre du texte en CSS
Comment définir l'alignement du centre du texte en CSS
- 王林original
- 2021-03-05 16:04:2212731parcourir
Comment définir l'alignement central du texte en CSS : vous pouvez utiliser l'attribut text-align pour y parvenir, tel que [p{text-align:center;}]. Nous pouvons également définir le texte à gauche ou à droite, comme [text-align:left;] ou [text-align:right;].
L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.
Il existe un attribut de texte text-align en CSS, qui nous permet de spécifier l'alignement horizontal du texte de l'élément, tel que centre, gauche, droite, aligné aux deux extrémités, etc.
Valeur de l'attribut :
left Disposez le texte vers la gauche. Par défaut : déterminé par le navigateur.
droite Dispose le texte vers la droite.
centre Disposez le texte au centre.
justify obtient l'effet d'aligner le texte aux deux extrémités.
inherit spécifie que la valeur de l'attribut text-align doit être héritée de l'élément parent.
Par exemple, si nous voulons centrer le texte, que devons-nous faire ?
Code d'implémentation spécifique :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
<style>
p{
width:500px;
border:2px solid red;
text-align:center;
}
</style>
</head>
<body>
<h2>文本居中对齐</h2>
<p>居中的文本</p>
</body>
</html>(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)
Résultats d'exécution :
Recommandations associées : Tutoriel CSS
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!