Flex Container
Una plantilla con flexbox puede ser definida usando los valores flex
o inline-flex
en las propiedades de display
. Este elemento es un contenedor flex, y cada uno de los contenedores que heredan propiedades de este, son conocidos como flex item.
El valor asignado a la variable flex
ocasiona que este tipo de elementos sean un bloque de elementos del tipo (Flex Container), y la variable inline-flex
genera un Contenedor Flex de nivel Inline (Interno. Estos Valores crean un Contexto de formato Flex para los elementos que es similar a un bloque flotante no introducido en el contenedor, y los margenes del contenedor no chocaran con otros items.
Learn more
Property reference
Further reading
- CSS Flexbox Guide: Basic Concepts of Flexbox
- CSS Flexbox Guide: Aligning items in a flex container
- CSS Flexbox Guide: Mastering wrapping of flex items