column-count hossasy

column-count hossasy köp sütünli tekstdäki sütünleriň maslahat berlen sanyny kesgitleýär. Olaryň hakyky sany kesgitleneninden tapawutly bolup bilýär, sütüniň ini we olaryň arasyndaky aralygyň ölçegi esasynda.

Sintaksis

cssselektor {
  column-count: san | auto;
}

Görnüşleri

Ösübelgilenen görnüşi: auto.

Mysal

Bu mysalda tekst 3 sütüne bölüner (elbette, köp sütünligi goldaýan brauzerlerde, galanlarynda ýöne bir sütünli adaty tekst bolýar):

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

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

Результат:

Mysal . Auto görnüşi

Bu mysalda sütüniň ini column-width 150px kesgitlendi, olaryň sany column-count bolsa auto görnüşinde - brauzer özi gerekli sütün sanyny we olaryň arasyndaky aralygy saýlaýar:

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

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

Результат:

Şeýle-de görüň