Savybė column-width

Savybė column-width nustato stulpelių plotį daugiacilpiame tekste. Savybės reikšmė gali būti bet kuris dydžio vienetas, išskyrus procentus, arba raktažodis auto (numatytasis). Kai reikšmė auto, naršyklė pati parenka optimalų stulpelių plotį, remdamasi column-count ir column-gap.

Sintaksė

selektorius {
	column-width: reikšmė;
}

Pavyzdys . Nurodytas plotis

Šiame pavyzdyje nurodytas stulpelio plotis column-width 150px, o jų kiekis column-count yra nustatytas į auto. Dėl to stulpelių plotis bus 150px, o jų kiekį ir tarpus tarp jų naršyklė parinks pati:

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

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

Pavyzdys . Reikšmė auto

Šiame pavyzdyje tekstas bus suskirstytas į 3 stulpelius (nes column-count yra nustatytas į 3), o jų plotis bus apskaičiuotas automatiškai:

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

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

Taip pat žiūrėkite

savybė column-count,
kuri nustato stulpelių kiekį
savybė column-gap,
kuri nustato tarpą tarp stulpelių
savybė column-rule,
kuri nustato sienelę tarp stulpelių
savybė column-span,
kuri nustato stulpelių skaičių, per kurį elementas turi tęstis
savybė columns,
kuri yra trumpinys daugiacilpiam formatavimui