Vlastnost column-count

Vlastnost column-count nastavuje doporučený počet sloupců ve vícesloupcovém textu. Jejich skutečný počet se může lišit od nastaveného, v závislosti na šířce sloupce a velikosti mezery mezi nimi.

Syntaxe

cssselektor {
  column-count: číslo | auto;
}

Hodnoty

Výchozí hodnota: auto.

Příklad

V tomto příkladu se text rozdělí na 3 sloupce (samozřejmě v prohlížečích, které podporují vícesloupcové zobrazení, v ostatních bude pouze obyčejný text v jednom sloupci):

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

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

Результат:

Příklad . Hodnota auto

V tomto příkladu je nastavena šířka sloupce column-width na 150px, a jejich počet column-count je nastaven na hodnotu auto - prohlížeč sám zvolí potřebný počet sloupců a mezeru mezi nimi:

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

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

Результат:

Viz také