Savybė column-count

Savybė column-count nurodo rekomenduojamą stulpelių skaičių kelių stulpelių tekste. Jų faktinis skaičius gali skirtis nuo nurodyto, priklausomai nuo stulpelio pločio ir tarpų tarp jų dydžio.

Sintaksė

cssselektorius {
  column-count: skaičius | auto;
}

Reikšmės

Numatytoji reikšmė: auto.

Pavyzdys

Šiame pavyzdyje tekstas bus suskirstytas į 3 stulpelius (žinoma, naršyklėse, kurios palaiko kelių stulpelių rodinį, kituose bus tiesiog įprastas vieno stulpelio tekstas):

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

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

Результат:

Pavyzdys . Reikšmė auto

Šiame pavyzdyje nurodytas stulpelio plotis column-width 150px, o jų skaičius column-count yra nustatytas reikšme auto - naršyklė pati pasirinks reikiamą stulpelių skaičių ir tarpą tarp jų:

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

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

Результат:

Taip pat žiūrėkite