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ė

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

Reikšmės

Reikšmė	Aprašas
skaičius	Nurodo nurodytą stulpelių skaičių. Tiksliau, rekomenduoja naršyklei naudoti šį stulpelių skaičių, kadangi jų faktinis skaičius gali skirtis nuo nurodyto, priklausomai nuo stulpelio pločio ir tarpų tarp jų dydžio.
`auto`	Naršyklė pati parenka optimalų stulpelių skaičių.

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):

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

#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ų:

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

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

Taip pat žiūrėkite

savybė column-width,
kuri nurodo stulpelio plotį
savybė column-gap,
kuri nurodo tarpą tarp stulpelių
savybė column-rule,
kuri nurodo sienelę tarp stulpelių
savybė column-span,
kuri nurodo stulpelių skaičių, kuriuose elementas turi tęstis
savybė columns,
kuri yra sutrumpintoji savybė kelių stulpelių rodiniui