¿cuál es la diferencia entre inline-block y flex?

Francisco Varela

Francisco Varela

Pregunta
studenthace 5 años

¿cuál es la diferencia entre inline-block y flex?

3 respuestas
para escribir tu comentario
    Francisco Varela

    Francisco Varela

    studenthace 5 años

    @alexei genial, gracias!

    Alexei Alvarez

    Alexei Alvarez

    studenthace 5 años

    inline-block, toma lo mejor de las propiedades inline y block dando así que respeta los valores de witdh y height.

    flex. Es muy poderoso, ya que es muy utilizado para responsive junto a grid, pero ese es otro tema. flex no solo te permite que tus elementos crezcan o disminuya como quieras. Si no que también puedes ubicarlos prácticamente donde necesites.

    Ahora en cuanto a usos, puede que tengas algun elemento inline y que necesites manipular y no quieras usar block. Puedes usar inline-block y tendrás lo mejor de ambas propiedades.

    Ahora si lo que quieres es la organización de tus elementos en el layout podrías usar flex

Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!