Quando vogliamo che il contenitore principale della pagina si allinea al centro, di solito utilizziamo "margin: 0 auto;"
, ma quando utilizzo lo "margin:auto;"
, il comportamento è lo stesso in alcuni browser che ho (Google Chrome, Firefox).C'è qualche differenza tra "margin: 0 auto;" e "margin: auto;"
12
A
risposta
28
Sì.
margin: 0 auto;
imposta i margini sinistro e destro dell'elemento di auto
, ei margini superiore e inferiore a 0
.
margin: auto;
insiemi tutti i margini per auto
. Probabilmente stai ottenendo lo stesso comportamento a causa del fatto che il tuo <body>
è al 100% di altezza, quindi i margini verticali auto
non hanno alcun effetto.
Problemi correlati
- 1. Cosa fa auto in margin: 0 auto?
- 2. margin-left: auto e margin-right: auto non funziona sull'ingresso
- 3. Posizione fissa CSS con Auto Margin
- 4. Differenza tra "margin-left" e "left" (o "margin-right" e "right")
- 5. Perché "margin: auto" non centra verticalmente un elemento?
- 6. Differenza tra auto const e auto per lambda
- 7. Differenza tra auto, 0 e nessun indice z?
- 8. Div e Image Margin/Padding
- 9. Qual è la differenza di margin-top e -webkit-margin-prima
- 10. Differenza tra [MethodName auto] e [auto performSelector: @selector (Nome metodo)]
- 11. navigationItem.rightBarButtonItem margin in iOS7
- 12. CSS: Top vs Margin-top
- 13. GridView rows outer margin
- 14. differenza tra larghezza auto e larghezza 100%
- 15. HTML default body margin
- 16. div non centrerà con margine: 0 auto;
- 17. CSS margin-top non funziona in IE7
- 18. cambiamento margin-top sul rotolo
- 19. TCPDF set bottom margin zero
- 20. Posizione assoluta e margine: auto
- 21. Margin-Top push esterno div down
- 22. CSS margin-top non funzionante
- 23. È "auto const" e "const auto" uguali?
- 24. Impostazione larghezza padding/margin-inclusive?
- 25. WPF equivalente di margin-top?
- 26. Perché non riesco a centrare con margine: 0 auto?
- 27. CSS layout auto-larghezza senza margine: auto
- 28. C# tablelayoutpanel impossibile rimuovere padding/margin
- 29. Strange padding/margin quando si utilizza UIWebView
- 30. Android - ridurre EditText floating padding/margin?
L'altezza del corpo (in genere automatica, non al 100%) non ha alcun effetto sul modo in cui vengono calcolati i margini verticali automatici. La specifica definisce semplicemente i margini verticali automatici su * sempre * zero sulle caselle di blocco in-flusso. Quindi per le caselle di blocco in-flusso, la risposta alla domanda non è sì, ma no - non c'è differenza tra margine: 0 auto e margine: automatico. La risposta è solo sì in un altro caso specifico: elementi posizionati in modo assoluto. – BoltClock