Çok sütunlu bir düzen tasarlarken tam sayıda sütuna ihtiyacınız varsa, kullanın column-count.
.lead ( column-count: 3; )Sütun sayısı göz önüne alındığında, tarayıcı içeriği tam olarak bu sayıda sütunda eşit olarak dağıtacaktır.
Bu özellik aynı zamanda kısaltmada columnsda kullanılabilir ve ile birlikte kullanılabilir column-width. Her iki özellik de bildirildiğinde column-countmaksimum sütun sayısıdır.
Değerler
column-countolabilir autoya da bir tam sayıdır.
autoSiz de kullanıyorsanız kullanın column-width. Bunu, tarayıcıya column-widthliderlik etmesine izin vermenin bir yolu olarak düşünün .
Sütun sayısı olarak da bilinen tam sayı, 0'dan büyük veya 0'a eşit olmalıdır.
column-widthBu özelliğin aksine , tarayıcı genişliğinden bağımsız olarak sütun sayısını tutacaktır. Bu, cep telefonunuzda 5 sütunlu bir düzen çekerseniz, gezinmek için çok sıkıştırılmış 5 sütunlu bir düzeniniz olacağı anlamına gelir. column-countbirlikte en iyi şekilde çalışır column-width.
Tarayıcı Desteği
Çok sütunlu düzen desteği:
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Hiç | 3+ | 1.5+ | 11.1+ | 10+ | 81 | 3.2+ |
Zaten buna yardımcı olan bir araç kullanmıyorsanız öneklerinizi unutmayın.