Flexbox
Genera contenedores flexibles con la alineación y el espaciado que elijas. Código Flexbox listo, gratis.
Resultado
¿Cómo usar esta herramienta?
Genera contenedores flexibles con alineación personalizada.
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo genero un contenedor Flexbox?
Elige la dirección, la alineación horizontal y vertical y el espacio; pulsa Generar CSS para obtener tu contenedor flexible.
¿Qué son justify y align?
justify-content alinea en el eje principal y align-items en el eje cruzado; la herramienta lo configura por ti.
¿El código es compatible?
Sí, el código generado es CSS estándar compatible con todos los navegadores modernos.
¿Mis datos están seguros?
Sí. Todo se procesa en tu navegador y nada de lo que escribes sale de tu dispositivo.
Herramientas relacionadas de Color y diseño
Escala de espaciado 8pt
Sistema de espaciado basado en múltiplos de 8 (8pt grid) para interfaces consistentes.
Usar gratisSombra de texto
Crea text-shadow personalizadas con vista previa en vivo.
Usar gratisDegradado animado
Fondo con degradado en movimiento: elige colores y velocidad, copia la animación CSS.
Usar gratisNombres de colores HTML
Tabla de referencia con los 148 nombres de colores CSS y su código HEX.
Usar gratisTest de daltonismo
Placas estilo Ishihara para orientarte sobre tu visión del color.
Usar gratisAvatar con iniciales
Crea un avatar SVG con las iniciales de cualquier nombre y tus colores.
Usar gratis