Īpašība column-width

Īpašība column-width iestata kolonnu platumu daudzkolonu tekstā. Īpašības vērtība var būt jebkuras mērvienības izmēriem, izņemot procentus, vai atslēgvārds auto (pēc noklusējuma). Ja vērtība ir auto, pārlūkprogramma pati izvēlas optimālo kolonnu platumu, balstoties uz column-count un column-gap.

Sintakse

selektors {
	column-width: vērtība;
}

Piemērs . Norādītais platums

Šajā piemērā ir norādīts kolonnas platums column-width kā 150px, bet to skaits column-count ir iestatīts uz auto. Rezultātā kolonnu platums būs 150px, bet to skaitu un attālumu starp tām izvēlēsies pārlūkprogramma:

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

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

Piemērs . Vērtība auto

Šajā piemērā teksts tiks sadalīts 3 kolonnās (jo column-width ir iestsatīts uz 3), bet to platums tiks aprēķināts automātiski:

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

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

Skatiet arī

īpašība column-count,
kas iestata kolonnu skaitu
īpašība column-gap,
kas iestata atstarpi starp kolonnām
īpašība column-rule,
kas iestata robežu starp kolonnām
īpašība column-span,
kas iestata kolonnu skaitu, kurā elementam jāstiepjas
īpašība columns,
kas ir saīsinājums īpašība daudzkolonu izkārtojumam