La position du texte est essentielle dans la mise en page d'une page Web. L'article d'aujourd'hui vous expliquera comment utiliser CSS pour obtenir un alignement à gauche, à droite et au centre du texte.
Pour définir l'alignement du texte (alignement à gauche, alignement à droite, alignement au centre), l'attribut CSS que vous devez utiliser est l'attribut text-align. (Recommandations associées : Manuel d'apprentissage CSS)
Format de grammaire :
1 |
|
位置 | 说明 |
left | 左对齐 |
right | 右对齐 |
center | 居中对齐 |
justify | 两端对齐 |
Voyons ensuite comment définir ces quatre méthodes d'alignement.
Comment définir l'alignement à gauche du texte :
1 |
|
Comment définir l'alignement à droite du texte :
1 |
|
Comment définir l'alignement central du texte :
1 |
|
Méthode de paramétrage de l'alignement du texte :
1 |
|
Regardons l'exemple de code spécifique 1 :
TextAlign.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
|
TextAlign.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
|
Afficher les résultats
Utilisez un navigateur Web pour afficher le fichier HTML ci-dessus. L'effet illustré ci-dessous sera affiché.
Exemple de code 2 :
Texte aligné à gauche :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|
Texte aligné à droite :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|
Alignement centré :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
|
Cet article se termine ici, en savoir plus sur Pour le contenu d'alignement du texte, vous pouvez prêter attention à la colonne Tutoriel vidéo CSS du site Web PHP chinois ! ! !
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!