Cuando queremos que el contenedor principal de la página se alinee en el centro, generalmente usamos "margin: 0 auto;"
, pero cuando uso "margin:auto;"
, el comportamiento es el mismo en algunos navegadores que tengo (Google Chrome, Firefox).¿Hay alguna diferencia entre "margin: 0 auto;" y "margin: auto;"
12
A
Respuesta
28
Sí.
margin: 0 auto;
Establece los márgenes izquierdo y derecho del elemento a auto
, y los márgenes superior e inferior a 0
.
margin: auto;
Conjuntos todos los márgenes a auto
. Probablemente esté obteniendo el mismo comportamiento debido a que su <body>
es 100% alto, por lo tanto, los márgenes verticales auto
no tienen ningún efecto.
Cuestiones relacionadas
- 1. margin-left: auto y margin-right: auto no funciona en la entrada
- 2. ¿Cuál es la diferencia entre usar `align: center` y` margin: 0 auto` para centrar un elemento en CSS?
- 3. Css margin-top vs margin-bottom
- 4. Programmatically set textblock margin
- 5. div padding, margin?
- 6. ¿Hay alguna diferencia entre i == 0 y 0 == i?
- 7. Animate Margin/Thickness
- 8. CSS margin-top no funciona en IE7
- 9. Animate Margin Change en Silverlight
- 10. Margin-Top push div exterior abajo
- 11. div con display: margen inline-block 0 auto no centrar
- 12. diferencia CSS entre 0 y 0em
- 13. WPF equivalent of margin-top?
- 14. Diferencia entre [MethodName auto] y [performSelector auto: @selector (Nombre del método)]
- 15. ¿Es 'auto const' y 'const auto' lo mismo?
- 16. Hace margin-left: 2px; render más rápido que el margen: 0 0 0 2px ;?
- 17. Diferencia entre AWS Elastic Load Balancing y Auto Scaling
- 18. ¿Cuál es la diferencia entre este, auto, ventana y window.self
- 19. Diferencia entre la herencia rasgo y tipo auto anotación
- 20. Diferencia entre HTML "overflow: auto" y "overflow: scroll"
- 21. div padre heredando divs child margin
- 22. margin Propiedad correcta de imageview no funciona
- 23. Auto Patcher (Efficient Auto Updater)
- 24. ¿Margin and Padding es implementado por ContentControl?
- 25. ¿Hay alguna diferencia entre gluLookAt() y glFrustum()?
- 26. jQuery: Animate Margins to Auto?
- 27. IE8 - Contenedor con margin-top: 10px no tiene margen
- 28. ¿Hay alguna diferencia entre log4net.Config.BasicConfigurator.Configure() y log4net.Config.XmlConfigurator.Configure()?
- 29. ¿Hay alguna diferencia entre! == y! = En PHP?
- 30. ¿Hay alguna diferencia entre System.Windows.Clipboard y System.Windows.Forms.Clipboard?
La altura del cuerpo (que suele ser automática, no 100%) no tiene ningún efecto sobre cómo se calculan los márgenes verticales automáticos. La especificación simplemente define márgenes verticales automáticos para * siempre * ser cero en cuadros de bloque de flujo. Entonces, para los cuadros de bloque de flujo, la respuesta a la pregunta no es sí, pero no, no hay diferencia entre margen: 0 automático y margen: automático. La respuesta es solo sí en otro caso específico: elementos absolutamente posicionados. – BoltClock