Bueno ya tenemos claro la diferencia entre justify y align, pero ahora la gran pregunta es. ¿Cual es la diferencia entre? <code>justify-c...

Carlos Rodríguez

Carlos Rodríguez

Pregunta
studenthace 4 años

Bueno ya tenemos claro la diferencia entre justify y align, pero ahora la gran pregunta es. ¿Cual es la diferencia entre?

justify-content justify-items justify-self
2 respuestas
para escribir tu comentario
    Carlos Rodríguez

    Carlos Rodríguez

    studenthace 4 años

    Gracias! Esta imagen me hizo comprender mejor! Alineaciones.jpg

    Christian Alvarenga

    Christian Alvarenga

    studenthace 4 años

    Hola Carlos, te transcribo las definiciones oficiales por MDN:

    • justify-content: La propiedad CSS justify-content define cómo el navegador distribuye el espacio entre y alrededor de los items flex, a lo largo del eje principal de su contenedor.

    • justify-items: La propiedad de CSS justify-items define el justify-self predeterminado para todos los elementos del cuadro, dándoles a todos una forma predeterminada de justificar cada cuadro a lo largo del eje apropiado.

    • justify-self: La propiedad CSS justify-self establece la forma en que se justifica una caja dentro de su contenedor de alineación a lo largo del eje apropiado.

    También te dejo los enlaces a la documentación de cada una de estas propiedades a MDN ya que, alli te muestra estas propiedades de una manera un poco mas visual y capaz te sea mas sencillo comprender. Saludos.

Curso de CSS Grid Layout [Empieza Gratis]

Curso de CSS Grid Layout [Empieza Gratis]

Aprende a crear diseños web modernos con CSS Grid, alineando y posicionando elementos de manera precisa. Ideal para proyectos creativos, entenderás cómo automatizar y ajustar layouts para diferentes dispositivos.

Curso de CSS Grid Layout [Empieza Gratis]
Curso de CSS Grid Layout [Empieza Gratis]

Curso de CSS Grid Layout [Empieza Gratis]

Aprende a crear diseños web modernos con CSS Grid, alineando y posicionando elementos de manera precisa. Ideal para proyectos creativos, entenderás cómo automatizar y ajustar layouts para diferentes dispositivos.