Sifa column-width

Sifa column-width huweka upana wa safu wima katika maandishi yenye safu wima nyingi. Thamani ya sifa ni vyengo vyovyote kwa ukubwa, isipokuwa asilimia, au neno kuu auto (kwa default). Wakati thamani ni auto kivinjari hutafuta upana bora wa safu wima kulingana na column-count na column-gap.

Ki sintaksia

kichagua {
	column-width: thamani;
}

Mfano . Upana uliobainishwa

Katika mfano huu upana wa safu wima column-width umebainishwa kuwa 150px, na idadi yao column-count iko kwenye thamani auto. Matokeo yake upana wa safu wima utakuwa 150px, idadi yao na pengo kati yao kivinjari kitatua peke yake:

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

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

Mfano . Thamani auto

Katika mfano huu maandishi yatagawanyika katika 3 safu wima (kwa sababu column-width iko kwenye thamani 3), lakini upana wao utahesabiwa moja kwa moja:

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

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

Angalia pia

sifa column-count,
ambayo huweka idadi ya 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 ukataji kwa maandishi yenye safu wima nyingi