Својство 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;
}

Результат:

Погледајте такође