Pokud při návrhu rozložení s více sloupci potřebujete přesný počet sloupců, použijte column-count.
.lead ( column-count: 3; )Vzhledem k počtu sloupců bude prohlížeč rovnoměrně distribuovat obsah přesně v tomto počtu sloupců.
Tuto vlastnost lze také použít ve zkratce pro columnsa lze ji použít v tandemu s column-width. Když jsou deklarovány obě vlastnosti, column-countje to maximální počet sloupců.
Hodnoty
column-countmůže být autonebo celé číslo.
Použijte, autopokud také používáte column-width. Ber to jako způsob, jak říct prohlížeči, aby se column-widthujal vedení.
Celé číslo, známé také jako počet sloupců, musí být větší nebo rovné 0.
Na rozdíl od column-widthtéto vlastnosti bude obsahovat počet sloupců bez ohledu na šířku prohlížeče. To znamená, že pokud jste na svém mobilním telefonu vytáhli rozložení s 5 sloupci, budete mít k navigaci velmi rozložené rozložení s 5 sloupci. column-countfunguje nejlépe vedle column-width.
Podpora prohlížeče
Podpora rozložení více sloupců:
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Žádný | 3+ | 1,5+ | 11,1+ | 10+ | 81 | 3,2+ |
Pokud nepoužíváte nástroj, který s tím již pomáhá, nezapomeňte na své předpony.