Publicado em 14 de janeiro de 2026
A partir do Chrome 145, as propriedades column-wrap e column-height da
especificação de layout de várias colunas nível 2
são compatíveis.
Essas propriedades permitem que você ajuste as colunas em uma nova linha
na direção do bloco.
Antes do Chrome 145, se a altura do contêiner multicol fosse restrita, o conteúdo que não coubesse no espaço disponível apareceria como colunas de estouro na direção inline. Isso criaria uma barra de rolagem horizontal na Web.
Com as propriedades column-height e column-wrap, é possível definir uma altura para
a linha de colunas e definir as colunas de estouro para aparecer como uma nova linha.
A capacidade de criar novas linhas de colunas oferece uma alternativa à situação atual, em que você precisa escolher entre fazer as pessoas rolarem para cima e para baixo para ler as colunas ou correr o risco de uma barra de rolagem horizontal em situações com uma quantidade imprevisível de conteúdo.
Ele também permite padrões como um carrossel de direção de bloco, em que colunas são criadas para preencher a altura da janela de visualização disponível. Para ler a próxima linha de colunas, role para a próxima tela na direção do bloco.
Crie uma experiência de leitura clara
Com várias linhas de colunas, é possível criar uma experiência de leitura confusa, em que não fica óbvio para o leitor que há várias linhas, e ele pula a lacuna para continuar lendo na coluna. Isso é algo que deve ser considerado no design da interface. A capacidade futura de adicionar decorações no espaçamento entre linhas vai oferecer uma ferramenta extra para criar essa distinção visual.
As regras de linha serão lançadas em breve
A especificação de multicol nível 1 inclui propriedades para estilizar uma column-rule, que é colocada no espaço entre as colunas. As propriedades para estilizar regras de linha estão incluídas na nova especificação de decorações de lacuna do CSS, que está em teste para desenvolvedores. Quando isso se tornar estável, você poderá adicionar regras de linha e coluna em grade, flexbox e multicol.