Опубликовано: 14 января 2026 г.
Начиная с Chrome 145, поддерживаются свойства column-wrap и column-height из спецификации многоколоночной компоновки второго уровня . Эти свойства позволяют переносить столбцы на новую строку в направлении блока.
До версии Chrome 145, если высота многоцветного контейнера была ограничена, контент, не помещавшийся в доступное пространство, отображался в виде столбцов, выходящих за пределы видимой области, в строчном направлении. Это создавало горизонтальную полосу прокрутки на веб-страницах.
С помощью свойств column-height и column-wrap можно задать высоту для строки столбцов и отобразить столбцы, выходящие за пределы строки, в виде новой строки.
Возможность создавать новые строки столбцов позволяет обойти существующую ситуацию, когда приходится либо заставлять пользователей прокручивать страницу вверх и вниз для чтения столбцов, либо рисковать появлением горизонтальной полосы прокрутки в ситуациях с непредсказуемым объемом контента.
Это также позволяет создавать такие шаблоны, как карусель с блочным направлением, где создаются столбцы, заполняющие доступную высоту области просмотра. Чтобы прочитать следующий ряд столбцов, нужно прокрутить экран в направлении блока.
Создайте комфортные условия для чтения.
При наличии нескольких рядов столбцов может возникнуть нечеткое восприятие текста, когда читателю не сразу понятно, что строк несколько, и он пропускает промежуток, чтобы продолжить чтение вниз по столбцу. Это следует учитывать при проектировании пользовательского интерфейса. Возможность добавлять декоративные элементы в промежутки между строками предоставит вам дополнительный инструмент для создания этого визуального различия.
Правила построения рядов будут опубликованы в ближайшее время.
Спецификация multicol уровня 1 включает свойства для стилизации линии столбца; эта линия размещается в промежутке между столбцами. Свойства для стилизации линий строк включены в новую спецификацию CSS Gap Decorations , которая в настоящее время находится на стадии тестирования разработчиками. После того, как она станет стабильной, вы сможете добавлять линии строк и столбцов в grid, flexbox и multicol.