Comment utiliser la marge 0 automatique en HTML

La marge est un attribut très important, alors comment utiliser la marge 0 auto en HTML ? Aujourd'hui, nous allons présenter margin:0 auto. Voici un petit exemple :

objet de définition de marge marge externe, si nous définissons une ligne de bordure pour DIV Après avoir défini le style, vous Vous pouvez voir dans le logiciel DW que la valeur de réglage de la marge est en fait la distance à l'extérieur de la bordure. Ce style définit le style de l'espacement entre les objets (DIV).

margin:0 auto syntaxe

1. margin:0 auto introduction

margin:0 auto définit l'espacement supérieur et inférieur de l'objet à 0, ainsi que les valeurs gauche et inférieure. à droite sont automatiques.

peut être divisé : margin:0 auto 0 auto (supérieur et inférieur)

peut également être divisé en : margin-left:auto;margin- right:auto;margin-top:0;margin-bottom:0;

2. Fonction

Définir la marge :0. pour DIV Le style automatique consiste à centrer le DIV horizontalement dans le navigateur. Pour le centrage de la mise en page et le centrage horizontal, ajoutez simplement margin:0 auto.

Point de jonction : auto (automatique, adaptatif)

Si nous définissons la largeur d'un DIV sur 500 px, puis définissons le style margin:0 auto, si la largeur de la fenêtre de votre navigateur est de 1 000 px, À ce stade, l'espacement entre les côtés gauche et droit du DIV est (auto). À ce stade, le navigateur reconnaîtra automatiquement l'espacement de largeur de 250 px entre les côtés gauche et droit du DIV. sera naturellement centré horizontalement dans le navigateur.

Pourquoi définir margin:0 auto ?

Définissez ce style pour centrer la mise en page DIV horizontalement dans le navigateur. Le but est d'être compatible avec les principaux navigateurs et de centrer la mise en page. Si vous n'ajoutez pas le style CSS margin:0 auto, la mise en page sera centrée dans certains navigateurs et à gauche dans d'autres.

Interdit : Si vous souhaitez que la mise en page DIV soit centrée dans le navigateur, ajoutez margin:0 auto. Vous ne pouvez pas ajouter le style floatfloat pour éviter les erreurs logiques et provoquer une incompatibilité de centrage de la mise en page.

Je crois que grâce à notre introduction, vous maîtrisez l'attribut de marge 0 auto. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture connexe :

Comment définir l'image d'arrière-plan d'une page Web en HTML

Comment définir l'attribut curseur du CSS

Comment utiliser border-radius en 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!