Chcete-li zachovat určitou šířku sloupců, použijte column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Prohlížeč vypočítá, kolik sloupců o minimální šířce se vejde do prostoru. Představte column-widthsi návrh minimální šířky pro prohlížeč.
column-widthje flexibilní vlastnost. Jakmile prohlížeč na zadanou šířku nevejde alespoň 2 sloupce, sloupce se zastaví a spadnou do jednoho sloupce.
Tato vlastnost se také používá ve zkratce pro columnsa lze ji použít v tandemu s column-count. Když jsou deklarovány obě vlastnosti, column-countje to maximální počet sloupců.
Hodnoty
Můžete nastavit column-width, aby autonebo délku.
Použijte, autopokud také používáte column-countnebo potřebujete vypnout vlastnost. Ber to jako způsob, jak prohlížeči říct, aby se column-countujal vedení.
Chcete-li určit šířku sloupců, použijte délku větší než (nebo rovnou) 0. Můžete použít libovolnou jednotku CSS kromě procent.
Podpora prohlížeče
Podpora rozložení více sloupců:
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Žádný | 3+ | 1,5+ | 11,1+ | 10+ | 2.3+ | 6,1+ |
Nezapomeňte na své předpony!