Уласцівасць 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;
}

Результат:

Глядзіце таксама