Cuando Diego escribe: <code>margin-left: auto; margin-right: auto; </code> ¿Qué hace exactamente el auto? ¿Como funciona internamente? ¿S...

Pedro Moreno

Pedro Moreno

Pregunta
studenthace 5 años

Cuando Diego escribe:

margin-left: auto; margin-right: auto;

¿Qué hace exactamente el auto? ¿Como funciona internamente? ¿Se suele usar?

¿No es mejor usar el flexbox? Con el:

justify-content: center;
3 respuestas
para escribir tu comentario
    Leonardo German Colaneri

    Leonardo German Colaneri

    studenthace 5 años

    Tambien podria haber usado margin: 0px auto; y daba el mismo resultado. El 0 auto hace centre y deje el mismo espacio a cada costado. En el caso de ponerle margin-left o right auto lo que hace es dejar todo el margen que le sea posible a la izquierda o a la derecha.

    mauricio-moreno-morales si pongo el mauricio justify-content: center; sobre el elemento padre que en este caso es .container el contenedor no se ajusta al centro sino a la izquierda ¿por que será?

    Pedro Moreno

    Pedro Moreno

    studenthace 5 años

    Gracias!

    Mauricio Moreno Morales

    Mauricio Moreno Morales

    studenthace 5 años

    Son dos formas en las que se puede hacer lo mismo, solo que con margin-left y margin-right auto solo se afectaría a el elemento que usa esa propiedad

    Para usar justify-content se debería usar sobre el elemento padre y afectaría a todos sus hijos

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.