A column-count tulajdonság

A column-count tulajdonság a többoszlopos szövegben lévő oszlopok ajánlott számát határozza meg. Azok valós száma eltérhet a megadottól, az oszlop szélességétől és a köztük lévő rés méretétől függően.

Szintaxis

cssselector {
  column-count: szám | auto;
}

Értékek

Alapértelmezett érték: auto.

Példa

Ebben a példában a szöveg 3 oszlopra lesz osztva (természetesen azokban a böngészőkben, amelyek támogatják a többoszlopos elrendezést, a többiben egyszerűen csak közönséges, egyoszlopos szöveg lesz):

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

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

Результат:

Példa . Az auto érték

Ebben a példában az oszlop szélessége column-width 150px, a számuk column-count pedig auto értékre van állítva - a böngésző maga választja ki a szükséges oszlopok számát és a köztük lévő rést:

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

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

Результат:

Lásd még