Flex – Manejo de Flex en CSS
by Modalidades de flex Tipo de elemento Descripción display: inline-flex; Establece un contenedor en línea, similar a inline-block (ocupa solo el contenido). display: flex; Establece un …
Tag: flex
Centrado horizontal y vertical de un título
En el siguiente código se centra vertical y horizontalmente un titulo <h2> dentro de una capa
Menú horizontal con flex (utilizando ul)
Con el siguiente código se puede construir un menú horizontal en la parte superior de una página. Se utiliza <ul> y <li> para construirlo. con …
Flex: poner un div a la derecha y otro a la izquierda
Con este código se ven dos capas, una a la derecha y otra a la izquierda. El espacio central se marca con column-gap:60%
Colocar con Flex un div a la derecha con el texto centrado horizontal y verticalmente
En el siguiente código se utiliza flex-direction: row-reverse o justify-content: flex-end, para colocar la capa a la derecha. Para centrar el texto dentro de ese …
Centrado horizontal y vertical con Flexbox
Con un par de comandos CSS se puede centrar un texto o una imagen con Flex. Para centrar verticalmente se utiliza align-items, y para centrar …