Proprietatea column-count

Proprietatea column-count specifică un număr recomandat de coloane în textul multicoloană. Numărul lor real poate diferi de cel specificat, în funcție de lățimea coloanei și dimensiunea spațiului dintre ele.

Sintaxă

cssselector {
  column-count: număr | auto;
}

Valori

Valoarea implicită: auto.

Exemplu

În acest exemplu, textul va fi împărțit în 3 coloane (desigur, în browserele care suportă textul multicoloană, în rest va fi doar text obișnuit într-o singură coloană):

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

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

Результат:

Exemplu . Valoarea auto

În acest exemplu, este specificată lățimea coloanei column-width de 150px, iar numărul lor column-count este setat la valoarea auto - browserul va alege automat numărul necesar de coloane și spațiul dintre ele:

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

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

Результат:

Vedeți și