Eienskap column-count

Die eienskap column-count spesifiseer 'n aanbevole aantal kolomme in veelkolomteks. Die werklike aantal kan verskil van die gespesifiseerde een, afhangende van die kolomwydte en die grootte van die spasie tussen hulle.

Sintaksis

cssselektor {
  column-count: getal | auto;
}

Waardes

Verstekwaarde: auto.

Voorbeeld

In hierdie voorbeeld sal die teks opgebreek word in 3 kolomme (natuurlik, net in blaaiers wat veelkolomfunksionaliteit ondersteun, in ander sal dit net gewone teks in een kolom wees):

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

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

Результат:

Voorbeeld . Waarde auto

In hierdie voorbeeld word die kolomwydte column-width gespesifiseer as 150px, en hul aantal column-count is gestel op die waarde auto - die blaaier sal self die nodige aantal kolomme en die spasie tussen hulle kies:

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

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

Результат:

Sien ook