Sifa column-count

Sifa column-count huweka idadi yenye kupendekezwa ya safu wima katika maandishi yenye safu wima nyingi. Idadi yao halisi inaweza tofautiana na iliyowekwa, kulingana na upana wa safu wima na ukubwa wa pengo kati yao.

Kiambato

kichaguli {
	column-count: nambari | auto;
}

Thamani

Thamani	Maelezo
nambari	Huweka idadi maalum ya safu wima. Usahihi zaidi, inapendekeza kwa kivinjari kutumia idadi hii ya safu wima, kwani idadi yao halisi inaweza tofautiana na iliyowekwa, kulingana na upana wa safu wima na ukubwa wa pengo kati yao.
`auto`	Kivinjari hutafuta peke yake idadi bora ya safu wima.

Thamani chaguomsingi: auto.

Mfano

Katika mfano huu, maandishi yatagawanyika katika 3 safu wima (bila shaka, katika vivinjari vinavyotumia maandishi yenye safu wima nyingi, kwa wale wasiotumia itakuwa maandishi ya kawaida katika safu wima moja):

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

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

Mfano . Thamani auto

Katika mfano huu, upana wa safu wima column-width umeainishwa kuwa 150px, na idadi yao column-count imewekwa kuwa thamani auto - kivinjari kitaweka peke yake idadi inayohitajika ya safu wima na pengo kati yao:

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

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

Angalia pia

sifa column-width,
ambayo huweka upana wa safu wima
sifa column-gap,
ambayo huweka pengo kati ya safu wima
sifa column-rule,
ambayo huweka mpaka kati ya safu wima
sifa column-span,
ambayo huweka idadi ya safu wima, ambazo kipengele kinapaswa kunyooshwa
sifa columns,
ambayo ni sifa ya kifupi kwa maandishi yenye safu wima nyingi