Comment utiliser la propriété text-align en CSS-tutoriel CSS-php.cn

Comment utiliser la propriété text-align en CSS

不言

Libérer： 2018-12-06 09:08:22

original

5001 Les gens l'ont consulté

L'attribut Comment utiliser la propriété text-align en CSS de CSS peut être utilisé pour définir la position du texte. L'article suivant vous présentera l'utilisation de l'attribut Comment utiliser la propriété text-align en CSS en CSS. contenu spécifique.

Comment utiliser la propriété text-align en CSS

Regardons d'abord un simple morceau de code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="sample.css" type="text/css">
  </head>
  <body>
    <p class="sample1">在此处显示文字</p>
  </body>
</html>

Copier après la connexion

L'effet est le suivant

Comment utiliser la propriété text-align en CSS

Ensuite, nous utilisons l'attribut Comment utiliser la propriété text-align en CSS

basé sur le code ci-dessus

Si je veux placer le texte à gauche (la valeur par défaut la valeur est à gauche), on peut écrire comme ça

p.sample1 {Comment utiliser la propriété text-align en CSS:left; }

Copier après la connexion

Puisque la valeur par défaut est à gauche, la position du texte n'a pas changé, il est toujours à gauche

Placer le texte à droite

p.sample1 {Comment utiliser la propriété text-align en CSS:right; }

Copier après la connexion

Dans le navigateur, le texte s'affiche à droite

Comment utiliser la propriété text-align en CSS

Centrer le texte

p.sample1 {Comment utiliser la propriété text-align en CSS:center; }

Copier après la connexion

Dans le navigateur, le texte est affiché au centre

Comment utiliser la propriété text-align en CSS

Répartir uniformément les caractères

En anglais long phrases, justifier est utilisé pour répartir uniformément la disposition des caractères

Par exemple, dans la phrase suivante, le côté droit semble désordonné.

Comment utiliser la propriété text-align en CSS

Dans ce cas, nous pouvons définir la valeur de l'attribut Comment utiliser la propriété text-align en CSS à justifier, puis utiliser l'attribut text-justify pour spécifier le format d'alignement, le code est comme suit

p.sample1 {
   Comment utiliser la propriété text-align en CSS：justify ;   
   text-justify：auto ; 
   }

Copier après la connexion

Si la valeur de text-justify est définie sur auto, l'espacement des mots et des caractères sera ajusté uniformément.

L'effet est le suivant : le côté droit devient bien rangé

Comment utiliser la propriété text-align en CSS

Une dernière remarque : tous les paramètres ci-dessus ne sont valables que pour les chaînes, pas pour les images, blocs, etc. Invalide.

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!