Īpašība column-count

Īpašība column-count nosaka ieteicamo kolonnu skaitu daudzkolonu tekstā. To faktiskais skaits var atšķirties no norādītā atkarībā no kolonnas platuma un atstarpes lieluma starp tām.

Sintakse

cssselektors {
  column-count: skaitlis | auto;
}

Vērtības

Noklusējuma vērtība: auto.

Piemērs

Šajā piemērā teksts tiks sadalīts 3 kolonnās (protams, pārlūkprogrammās, kuras atbalsta daudzkolonu izkārtojumu, pārējās būs tikai parasts teksts vienā kolonnā):

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

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

Результат:

Piemērs . Vērtība auto

Šajā piemērā ir norādīts kolonnas platums column-width 150px, un to skaits column-count ir iestatīts uz vērtību auto - pārlūkprogramma pati izvēlēsies nepieciešamo kolonnu skaitu un atstarpes starp tām:

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

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

Результат:

Skatiet arī