Atribuut column-width

Atribuut column-width määrab veergude laiuse mitmeveerulises tekstis. Atribuudi väärtuseks on mis tahes mõõtühikud, välja arvatud protsendid, või võtmesõna auto (vaikimisi). Väärtusel auto valib brauser veergude optimaalse laiuse iseseisvalt, lähtudes atribuutidest column-count ja column-gap.

Süntaks

cssselektor {
  column-width: väärtus;
}

Näide . Määratud laius

Selles näites on veeru laius column-width määratud 150px-ks ja nende arv column-count on väärtusel auto. Selle tulemusena on veergude laiuseks 150px, nende arvu ja vahede brauser valib ise:

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

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

Результат:

Näide . Väärtus auto

Selles näites jaguneb tekst 3 veeruks (kuna column-count on väärtusel 3), kuid nende laius arvutatakse automaatselt:

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

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

Результат:

Vaata ka