column-count հատկությունը

column-count հատկությունը սահմանում է խորհուրդ տրվող սյուների քանակը բազմասյուն տեքստում: Դրանց փաստացի քանակը կարող է տարբերվել սահմանվածից՝ կախված սյան լայնությունից և նրանց միջև եղած բացվածքի չափից:

Շարահյուսություն

cssընտրիչ {
  column-count: թիվ | auto;
}

Արժեքներ

Լռելյայն արժեքը՝ auto:

Օրինակ

Այս օրինակում տեքստը կբաժանվի 3 սյուների (իհարկե, այն բրաուզերներում, որոնք աջակցում են բազմասյունություն, մնացած դեպքերում կլինի պարզապես սովորական տեքստ մեկ սյունով):

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

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

Результат:

Օրինակ . Auto արժեքը

Այս օրինակում նշված է սյան լայնությունը column-width 150px, իսկ դրանց քանակը column-count սահմանված է auto արժեքով - բրաուզերն ինքը կընտրի անհրաժեշտ քանակի սյուներ և բացվածք նրանց միջև:

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

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

Результат:

Տես նաև