Generador de flexbox CSS
Prueba base, crecimiento, ajuste y alineación; exporta HTML/CSS.
- Funciona en tu navegador
- Sin subir archivos
- Revisa antes de descargar
Las entradas permanecen en esta pestaña; no se suben ni se guardan automáticamente. Los recuentos agregados de uso y los diagnósticos generales de procesamiento son opcionales y solo se envían con consentimiento, sin contenido ni nombres de archivo. Al borrar o cerrar se pierden las entradas; guarda antes los resultados necesarios.
Límites de recursos
1–24 elementos; base 0–2000px, crecimiento/reducción 0–20, orden ±24, espacio 0–100px. La vista previa usa el ancho disponible. El orden visual no cambia el DOM ni el orden de lectura o teclado. La vista previa es local y limitada: no garantiza el mismo resultado en todos los navegadores ni diseños. Lo que escribes no se ejecuta. El HTML y el CSS se descargan juntos. Límite: 8 segundos.
Cómo usarlo
- Configura el ejemplo
Elige dirección, ajuste y alineación; edita base, crecimiento, reducción y orden. Genera y compara posiciones al ancho disponible. Exporta HTML y CSS juntos.
- Revisa antes de usar
Las entradas permanecen en esta pestaña; no se suben ni se guardan automáticamente. Los recuentos agregados de uso y los diagnósticos generales de procesamiento son opcionales y solo se envían con consentimiento, sin contenido ni nombres de archivo. Al borrar o cerrar se pierden las entradas; guarda antes los resultados necesarios. 1–24 elementos; base 0–2000px, crecimiento/reducción 0–20, orden ±24, espacio 0–100px. La vista previa usa el ancho disponible. El orden visual no cambia el DOM ni el orden de lectura o teclado. La vista previa es local y limitada: no garantiza el mismo resultado en todos los navegadores ni diseños. Lo que escribes no se ejecuta. El HTML y el CSS se descargan juntos. Límite: 8 segundos.
- Exporta el resultado revisado
Descargar resultado; Descargar original
Preguntas y límites
Límites de recursos
1–24 elementos; base 0–2000px, crecimiento/reducción 0–20, orden ±24, espacio 0–100px. La vista previa usa el ancho disponible. El orden visual no cambia el DOM ni el orden de lectura o teclado. La vista previa es local y limitada: no garantiza el mismo resultado en todos los navegadores ni diseños. Lo que escribes no se ejecuta. El HTML y el CSS se descargan juntos. Límite: 8 segundos.
Diseño sin conexión
Las entradas permanecen en esta pestaña; no se suben ni se guardan automáticamente. Los recuentos agregados de uso y los diagnósticos generales de procesamiento son opcionales y solo se envían con consentimiento, sin contenido ni nombres de archivo. Al borrar o cerrar se pierden las entradas; guarda antes los resultados necesarios.
Revisa antes de usar
Elige dirección, ajuste y alineación; edita base, crecimiento, reducción y orden. Genera y compara posiciones al ancho disponible. Exporta HTML y CSS juntos.