Maison > interface Web > Questions et réponses frontales > Comment déplacer du texte en CSS

Comment déplacer du texte en CSS

藏色散人
Libérer: 2022-12-30 11:11:58
original
9984 Les gens l'ont consulté

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;
}
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal