Maison > interface Web > Questions et réponses frontales > Comment changer la position des mots en CSS

Comment changer la position des mots en CSS

藏色散人
Libérer: 2023-01-03 09:30:57
original
5330 Les gens l'ont consulté

Comment changer la position de la police en CSS : 1. Définissez la position de la police via text-align ; 2. Utilisez le remplissage et la marge pour définir la position de la police ; 3. Utilisez text-indent pour définir la position de la police ; 4. Définir par position La position de la police.

Comment changer la position des mots en CSS

L'environnement d'exploitation de cet article : système Windows 7, version css3, ordinateur DELL G3

css peut utiliser l'attribut text-align pour définir la position de la police, le texte - L'attribut align est utilisé pour définir l'alignement du texte, tel que le contenu aligné à gauche, à droite et au centre. La position de la police CSS peut également être obtenue en définissant le remplissage, la marge, le retrait du texte et la position.

css définit la position de la police

1. text-align définit la position de la police

syntaxe d'alignement du texte :

text-align : left | right | center | justify
Copier après la connexion

valeurs et descriptions des paramètres text -align :

gauche : alignement à gauche

droite : alignement à droite

centre : centré

*justifier : aligner les deux extrémités (non alignées Recommandé, généralement non utilisé par la plupart des navigateurs)

Exemple :

p{
    text-align: left; /* 位置居左 */
    text-align: center; /* 位置居中 */
    text-align: right; /* 位置居右 */
}
Copier après la connexion

2 remplissage, marge définie sur la position de la police

remplissage cet attribut définit toutes les marges intérieures de. l'élément Largeur, ou définissez la largeur du rembourrage de chaque côté. Le remplissage défini sur les éléments en ligne non remplacés n'affecte pas les calculs de hauteur de ligne ; par conséquent, si un élément a à la fois un remplissage et un arrière-plan, il peut s'étendre visuellement sur d'autres lignes et éventuellement chevaucher d'autres contenus. L'arrière-plan de l'élément s'étend sur tout le remplissage. Les valeurs de marge négatives ne sont pas autorisées.

L'attribut margin définit la largeur de toutes les marges d'un élément, ou définit la largeur des marges de chaque côté.

Exemple :

p{
    padding: 100px 200px; /* 文字距离上下有100px内边距 距离左右有200内边距 */
    margin: 100px 200px; /* 文字距离上下有100px外边距 距离左右有200外边距 */
}
Copier après la connexion

3. text-indent définit la position de la police

L'attribut text-indent spécifie l'indentation de la première ligne de texte dans le bloc de texte.

Exemple :

p{
    text-indent: 50px; /* 首行缩进50px */
}
Copier après la connexion

4. Position définit la position de la police

L'attribut position spécifie le type de positionnement de l'élément. Lorsque la valeur définie est absolue, relative ou fixe, vous pouvez utiliser les attributs haut, droite, bas et gauche pour le positionnement.

p{
    position: fixed; /* 相对于浏览器窗口定位 */
    left: 100px;     /* 距离浏览器左边100px */
    top: 200px;      /* 距离浏览器上边200px */
}
Copier après la connexion

[Apprentissage recommandé : Tutoriel vidéo CSS]

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