Свойство column-count

Свойство column-count задава препоръчителния брой колони в многоколонен текст. Действителният им брой може да се различава от зададения, в зависимост от ширината на колоната и размера на разстоянието между тях.

Синтаксис

cssселектор {
  column-count: число | auto;
}

Стойности

Стойност по подразбиране: auto.

Пример

В този пример текстът ще се раздели на 3 колони (разбира се, в браузъри, които поддържат многоколонност, в останалите ще бъде просто обикновен текст в една колона):

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: 3;
  text-align: justify;
}

Результат:

Пример . Стойност auto

В този пример е зададена ширина на колоната column-width от 150px, а броят им column-count е със стойност auto - браузърът сам ще избере необходимия брой колони и разстоянието между тях:

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: auto;
  column-width: 150px;
  text-align: justify;
}

Результат:

Вижте също