Comment changer la position des mots en CSS

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.

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

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; /* 位置居右 */
}

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外边距 */
}

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 */
}

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 */
}

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