Pourquoi ne ' t je centre avec marge : 0 auto ?

Question

J’ai un div #header c’est 100 % largeur et au sein de cette div, j’ai une liste non ordonnée. J’ai appliqué ' marge : auto 0' à la liste non ordonnée mais il ne sera pas centrer dans l’en-tête div.

Quelqu'un peut-il s’il vous plaît me dire pourquoi ? J’ai pensé que si je définis la largeur de la div parent, puis la liste non ordonnée devrait pouvoir se centrer avec marge : 0 auto. Ce qui me manque ?

Voici mon code :

Answer 1

Vous devez définir la largeur de l’élément que vous êtes le centrage, pas l’élément parent.

Edit: Ok, j’ai vu la testpage maintenant, et voici comment je pense que vous le souhaitez :

Answer 2

Un inline-block couvre toute la ligne (de gauche à droite), donc une marge à gauche ou à droite ne fonctionnera pas ici. Ce dont vous avez besoin est un bloc, un bloc a des frontières sur la gauche et la droite donc peut être influencée par des marges.

C’est comment cela fonctionne pour moi :

Answer 3

Pourquoi pas ?