Свойство 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;
}

Результат:

Қаранг