Ominaisuus column-width

Ominaisuus column-width asettaa monisarakkeisen tekstin sarakkeiden leveyden. Ominaisuuden arvona käytetään mitä tahansa koko-yksiköitä, paitsi prosentteja, tai avainsanaa auto (oletusarvoisesti). Kun arvo on auto, selain valitsee optimaalisen sarakkeiden leveyden automaattisesti perustuen column-count ja column-gap -arvoihin.

Syntaksi

cssvalitsija {
  column-width: arvo;
}

Esimerkki . Määritelty leveys

Tässä esimerkissä sarakkeen leveys column-width on asetettu 150px, ja niiden lukumäärä column-count on arvossa auto. Tuloksena sarakkeiden leveys on 150px, ja niiden lukumäärän ja välitason selain valitsee automaattisesti:

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

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

Результат:

Esimerkki . Auto-arvo

Tässä esimerkissä teksti jaetaan 3 sarakkeeseen (koska column-count on asetettu arvoon 3), ja niiden leveys lasketaan automaattisesti:

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

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

Результат:

Katso myös