Lastnost column-count

Lastnost column-count določa priporočeno število stolpcev v večstolpčnem besedilu. Njihovo dejansko število se lahko razlikuje od določenega, odvisno od širine stolpca in velikosti vmesnega razmika.

Sintaksa

cssselektor {
  column-count: število | auto;
}

Vrednosti

Privzeta vrednost: auto.

Primer

V tem primeru se bo besedilo razdelilo na 3 stolpce (seveda v brskalnikih, ki podpirajo večstolpčnost, v ostalih bo preprosto običajno besedilo v enem stolpcu):

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

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

Результат:

Primer . Vrednost auto

V tem primeru je določena širina stolpca column-width v 150px, njihovo število column-count pa je nastavljeno na vrednost auto - brskalnik bo sam določil potrebno število stolpcev in razmik med njimi:

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

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

Результат:

Glejte tudi