Comment centrer le texte en HTML

Comment centrer le texte en HTML : 1. Ajoutez la valeur de l'attribut CSS "text-align:center" à l'étiquette où se trouve le texte 2. Ajoutez la valeur de l'attribut CSS "text-align" au ; étiquette en ligne ou étiquette au niveau du bloc en ligne :gauche".

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Deux situations : 1. Le format du texte est centré ; 2. L'étiquette où se trouve le texte est centrée dans la fenêtre.

1. Ajoutez la valeur de l'attribut CSS "text-align:center" à l'étiquette où se trouve le texte. Par exemple :

<p style="text-align:center">我是文本，居中显示</p>

2. Il existe de nombreuses méthodes, voici deux méthodes, par exemple :

1) (Recommandation) Le texte doit être enveloppé par des balises en ligne ou des balises de niveau bloc en ligne, Les balises en ligne ou les balises en ligne au niveau du bloc sont à leur tour enveloppées par des balises au niveau du bloc. De cette façon, le format du texte sera centré. Si vous souhaitez que le format du texte ne soit pas centré, vous pouvez ajouter la valeur de l'attribut CSS "text-align:left" ou autre à l'étiquette en ligne ou à l'étiquette au niveau du bloc en ligne.

<div style="text-align:center"> <!-- 块级标签 -->
    <span>我是文本所在标签1，文本居中显示<span> <!-- 行内标签 -->
    <div style="display:inline-block;">我是文本所在标签2，文本居中显示</div> <!-- 行内块级标签 -->
</div>

2) Le texte est enveloppé dans des balises de niveau bloc. Définissez la largeur de la balise au niveau du bloc et ajoutez la valeur de la propriété CSS "margin:0 auto". De cette façon, le format du texte ne sera pas centré. Si vous souhaitez que le format du texte soit centré, vous pouvez ajouter la valeur de l'attribut CSS « ​​text-align:center » à la balise au niveau du bloc.

<div style="width: 100px; margin:0 auto">我是文本所在标签，文本居中显示</div>

Partage de vidéos d'apprentissage : tutoriel vidéo 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!