in

CSS Flexbox (caja flexible)


Inténtalo tú mismo »


Módulo de diseño CSS Flexbox

Antes del módulo Flexbox Layout, había cuatro modos de diseño:

  • Bloque, para secciones de una página web
  • Inline, 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 de diseño flexible y receptiva sin usar flotador o posicionamiento.


Soporte del navegador

Las propiedades de flexbox son compatibles con todos los navegadores modernos.


Elementos Flexbox

Para comenzar a usar el modelo Flexbox, primero debe definir un contenedor flexible.

El elemento de arriba representa un contenedor flexible (el área azul) con tres elementos flexibles.

Ejemplo

Un contenedor flexible con tres elementos flexibles:

1

2

3

Inténtalo tú mismo »

Aprenderá más sobre contenedores flexibles y elementos flexibles en los siguientes capítulos.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Mi soporte de Oracle

software engineering agile model

Modelo ágil (ingeniería de software) – javatpoint