Maison > interface Web > tutoriel CSS > 'marge :0 atuo ;' Qu'est-ce que cela signifie ?

'marge :0 atuo ;' Qu'est-ce que cela signifie ?

Guanhui
Libérer: 2020-05-29 15:26:29
original
5143 Les gens l'ont consulté

'marge :0 atuo ;' Qu'est-ce que cela signifie ?

Que signifie "marge:0 atuo;" ?

"margin:0 atuo;" signifie le centrage horizontal S'il n'y a que deux paramètres après la marge, le premier représente le haut et le bas, et le second représente la gauche et la droite, et parce que le haut. et les limites inférieures sont 0, et les bords gauche et droit s'adaptent à la même valeur en fonction de la largeur, l'expression signifie centrage horizontal.

Méthode de centrage horizontal CSS

Éléments en ligne :

Les éléments en ligne sont des éléments en ligne. Par exemple, , ,

Créez directement un conteneur avec le style "text-align:center", tous les éléments en ligne qu'il contient seront alors centrés.

 <div style="text-align:center;border-style:solid">
        <p style="border-style:solid;width:500px">我是块级元素,我不居中</p>
        <span style="border-style:solid">我是行内元素,我要居中</span>
    </div>
Copier après la connexion

Éléments de niveau bloc :

Les éléments de niveau bloc incluent : div, p, form, ul, li, ol, dl, form, adresse, fieldset, hr, menu, table

La largeur fixe est en fait une solution simple. Utilisez simplement margin:0 auto pour centrer le conteneur et ajoutez text-align:center pour centrer le texte.

<p style="border-style:solid;text-align:center;margin:0 auto;width:500px">我是定宽块级元素,我要居中</p>
Copier après la connexion

Tutoriel recommandé : "Tutoriel 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
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