Maison > Article > interface Web > Comment définir l'alignement du centre du texte en HTML
Comment définir l'alignement du centre du texte en HTML
- 王林original
- 2021-06-23 13:50:5569892parcourir
La façon de définir l'alignement central du texte en HTML consiste à ajouter l'attribut text-align au texte du paragraphe et à définir la valeur de l'attribut sur center, par exemple [h1 {text-align:center}]. L'attribut text-align spécifie l'alignement horizontal du texte de l'élément.
L'environnement d'exploitation de cet article : système Windows10, HTML 5, ordinateur Thinkpad T480.
Pour que le texte soit centré, utilisez simplement l'attribut text-align. Peut-être que certains amis qui débutent en programmation ne connaissent pas grand-chose à l'attribut text-algin et ne comprennent pas son utilisation. Laissez-moi vous présenter brièvement cet attribut.
L'attribut text-align spécifie l'alignement horizontal du texte de l'élément.
Les valeurs d'attribut courantes sont les suivantes :
left Organiser le texte à 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.
Démonstration de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>
</html>Les résultats en cours d'exécution sont les suivants :
Partage de vidéos associées : Tutoriel vidéo 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!