Ominaisuus column-count

Ominaisuus column-count asettaa suositellun määrän sarakkeita monisarakkeisessa tekstissä. Niiden todellinen määrä voi poiketa asetetusta riippuen sarakkeen leveydestä ja niiden välisen välin koosta.

Syntaksi

cssvalitsija {
  column-count: luku | auto;
}

Arvot

Oletusarvo: auto.

Esimerkki

Tässä esimerkissä teksti jaetaan 3 sarakkeeseen (tietenkin sellaisissa selaimissa, jotka tukevat monisarakkeisuutta, muissa se on vain tavallista yksisarakkeista tekstiä):

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

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

Результат:

Esimerkki . Arvo auto

Tässä esimerkissä on määritetty sarakkeen leveys column-width 150px:ksi, ja niiden määrä column-count on asetettu arvoon auto - selain valitsee automaattisesti tarvittavan määrän sarakkeita ja niiden välisen välin:

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

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

Результат:

Katso myös