TRABAJO SOBRE CSS3

Diseño Flexbox

Antes del Módulo de diseño de caja flexible, había cuatro modos de diseño:
Bloquear, para secciones en una página web.
En línea, para texto.
Tabla, para datos de tablas bidimensionales.
Posicionado, para la posición explícita de un elemento.
El Módulo de diseño de caja flexible facilita el diseño de una estructura flexible de diseño receptivo sin tener que usar flotadores o posicionamiento.

1
2
3
4
5
6
7
8
9

Codigo de flexbox

Codigo de ejemplo

.flex-container { display: flex; flex-wrap: wrap; background-color: DodgerBlue; }

.flex-container>div { background-color: #f1f1f1; width: 110px; margin: 10px; text-align: center; line-height: 75px; font-size: 30px; }
Inicio Transiciones Animaciones Flexbox Grid