Egenskapen column-count

Egenskapen column-count anger ett rekommenderat antal kolumner i text med flera kolumner. Det faktiska antalet kan skilja sig från det angivna, beroende på kolumnens bredd och storleken på mellanrummet mellan dem.

Syntax

selektor {
	column-count: tal | auto;
}

Värden

Värde	Beskrivning
tal	Anger det specificerade antalet kolumner. Mer exakt, rekommenderar till webbläsaren att använda detta antal kolumner, eftersom det faktiska antalet kan skilja sig från det angivna, beroende på kolumnens bredd och storleken på mellanrummet mellan dem.
`auto`	Webbläsaren väljer själv det optimala antalet kolumner.

Standardvärde: auto.

Exempel

I detta exempel kommer texten att delas upp i 3 kolumner (naturligtvis i webbläsare som stöder flerkolumnslayout, i andra kommer det bara att vara vanlig text i en kolumn):

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

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

Exempel . Värdet auto

I detta exempel har kolumnbredden column-width angivits till 150px, och deras antal column-count är satt till värdet auto - webbläsaren själv kommer att välja lämpligt antal kolumner och mellanrum mellan dem:

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

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

Se även

egenskapen column-width,
som anger kolumnens bredd
egenskapen column-gap,
som anger mellanrummet mellan kolumner
egenskapen column-rule,
som anger ramen mellan kolumner
egenskapen column-span,
som anger antalet kolumner som ett element ska sträcka sig över
egenskapen columns,
som är en genvägsegenskap för flerkolumnslayout