Ī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

cssselektors {
  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:

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

css#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:

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

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

Результат:

Skatiet arī