თვისება 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;
}

Результат:

იხილეთ აგრეთვე