Publicado: 14 de enero de 2026
A partir de Chrome 145, se admiten las propiedades column-wrap y column-height de la especificación de nivel dos del diseño de varias columnas.
Estas propiedades te permiten ajustar columnas en una fila nueva en la dirección del bloque.
Antes de Chrome 145, si la altura del contenedor multicolumna estaba restringida, el contenido que no cabía en el espacio disponible aparecía como columnas de desbordamiento en la dirección intercalada. Esto crearía una barra de desplazamiento horizontal en la Web.
Con las propiedades column-height y column-wrap, puedes establecer una altura para la fila de columnas y configurar las columnas de desbordamiento para que aparezcan como una fila nueva.
Poder crear filas nuevas de columnas proporciona una solución para la situación actual, en la que debes elegir entre hacer que las personas se desplacen hacia arriba y hacia abajo para leer las columnas, o arriesgarte a que aparezca una barra de desplazamiento horizontal en situaciones en las que hay una cantidad impredecible de contenido.
También habilita patrones como un carrusel de dirección de bloque, en el que se crean columnas que llenan la altura disponible de la ventana gráfica. Para leer la siguiente fila de columnas, desplázate a la siguiente pantalla en la dirección del bloque.
Crea una experiencia de lectura clara
Con varias filas de columnas, se podría crear una experiencia de lectura poco clara, en la que no sea obvio para el lector que hay varias filas y se salte el espacio para seguir leyendo hacia abajo en la columna. Esto es algo que se debe tener en cuenta en el diseño de la IU. La próxima función para agregar decoraciones en el espacio entre filas te brindará una herramienta adicional para crear esta distinción visual.
Las reglas de filas estarán disponibles próximamente
La especificación de multicol nivel 1 incluye propiedades para aplicar un diseño a una column-rule; esta regla se coloca en el espacio entre columnas. Las propiedades para diseñar reglas de filas se incluyen en la nueva especificación de decoraciones de brechas de CSS, que actualmente se encuentra en prueba para desarrolladores. Una vez que esta función sea estable, podrás agregar reglas de filas y columnas en cuadrícula, Flexbox y multicolumna.