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

4945 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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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