🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Функция находится в статусе ограниченной доступности в Baseline.

Колонные макеты с помощью свойств <columns> или column-countпозволяют раскладывать контент в несколько колонок. Свойстваbreak-after, break-beforeиbreak-inside` управляют тем, где происходит разрыв колонок — чтобы убрать нежелательные переносы или задать точку начала или конца колонок.

Например, чтобы вставить разрыв после блока внутри колонок, используйте:

.block {
  break-after: always;
}

Если нужно запретить разрыв внутри элемента или между определёнными сегментами, задайте:

.element {
  break-inside: avoid;
}

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.