Ce qui, exactement, est nécessaire pour "margin: 0 auto;" au travail?

Question

Je sais que le paramètre margin: 0 auto; sur un élément est utilisé pour centre (gauche-droite). Cependant, je sais que l'élément et ses parents doivent répondre à certains critères pour l'auto marge de travailler, et je peux ne semblent jamais à faire de la magie.

Donc ma question est simple: quelles propriétés CSS doivent être mis sur un élément et de son parent pour margin: 0 auto; à droite ou à gauche du centre de l'enfant?

Answer 1

Sur le dessus de ma tête:

1. L'élément doit display: block
2. L'élément ne doit pas flotter
3. L'élément ne doit pas être fixe ou position absolue

Sur le dessus de l'autre la tête des gens:

1. L'élément doit avoir un width qui n'est pas auto

Answer 2

Sur le dessus de ma tête, il a besoin d'un width. Vous devez spécifier la largeur de la caisse, vous êtes le centrage (non pas le parent de largeur).

Answer 3

J'ai fait un exemple afin que vous puissiez voir ce qui se passe, aussi loin que je me souvienne, c'est tout ce dont vous avez besoin :)

Answer 4

Sur le dessus de ma tête, si l'élément n'est pas un élément de bloc - faire en sorte.

et puis de lui donner une largeur.

Answer 5

S'il vous plaît aller à ce petit exemple, j'ai créé jsFiddle. Hopefull il est facile à comprendre. Vous pouvez utiliser un wrapper div avec la largeur de l'emplacement de centre de les aligner. La raison pour laquelle vous devez mettre width , c'est que si le navigateur sait que vous n'allez pas pour une mise en page liquide.