Generador de Columnas CSS Crea diseños de texto con varias columnas personalizables, cuenta de columnas, espaciado y estilos de regla.

El módulo de columna múltiple de CSS utiliza column-count para especificar el número exacto de columnas o column-width para establecer un ancho mínimo de columna (el navegador determina la cuenta óptima). La propiedad column-gap establece el espacio entre las columnas. column-rule es una abreviatura para column-rule-width, column-rule-style y column-rule-color, que agrega una línea divisoria visible entre las columnas. El contenido fluye automáticamente de una columna a la siguiente. Para evitar que los elementos se rompan en las columnas, usa break-inside: avoid. La propiedad column-span: all hace que un elemento abarque todas las columnas (útil para títulos). Los diseños de columna funcionan bien para contenido de texto pero pueden causar problemas con elementos interactivos o imágenes. Para diseños responsivos, generalmente se prefiere column-width sobre column-count porque se adapta naturalmente al ancho del contenedor.