Maison  >  Article  >  interface Web  >  Comment déplacer du texte en CSS

Comment déplacer du texte en CSS

藏色散人
藏色散人original
2021-01-18 09:56:349913parcourir

Comment déplacer du texte en CSS : 1. Dans le conteneur d'éléments de bloc, vous pouvez utiliser "text-align : center, left, right" pour déplacer la position du texte ; 2. Utilisez les attributs float et padding ; ; 3. Le mouvement du texte est obtenu grâce au positionnement.

Comment déplacer du texte en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version css3, ordinateur Dell G3.

Recommandé : Tutoriel vidéo CSS

Déplacement de texte CSS

Tout d'abord, vous pouvez utiliser un conteneur pour envelopper le texte, donnant la largeur et la hauteur.

Ensuite, vous pouvez utiliser diverses méthodes pour déplacer le texte :

1 S'il se trouve dans un conteneur d'éléments de bloc, vous pouvez utiliser text-align : center, left, right pour. déplacer la position du texte.

2. Vous pouvez utiliser float

3. Vous pouvez utiliser padding

4. Utiliser le positionnement de position

Première position définie : relative sur l'élément parent. ; Définissez la position dans le conteneur que vous devez déplacer : absolue ; les directions haut, gauche, droite et bas doivent être autant de px que possible

Par exemple :

body{
width:900px;
height:600px;
position:relative;
}
div(这里是你要移动的容器){
width:200px;
height:123px;
position:absolute;
top:10px;
left:5px;
}

5. c'est dans un conteneur d'éléments en ligne, vous pouvez utiliser text-indent: 15px (C'est le retrait du paragraphe. Vous pouvez utiliser deux retraits devant le paragraphe)

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:normalize.css Comment utiliserArticle suivant:normalize.css Comment utiliser