Sütunlarınızı belirli bir genişlikte tutmak istediğinizde kullanın column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Tarayıcı, boşlukta en azından bu genişlikte kaç sütun sığabileceğini hesaplayacaktır. column-widthTarayıcı için minimum genişlik önerisi olarak düşünün .
column-widthesnek bir özelliktir. Tarayıcı, belirttiğiniz genişlikte en az 2 sütuna sığamadığında, sütunlar duracak ve tek bir sütuna düşecektir.
Bu özellik aynı zamanda kısaltmada columnskullanılır ve birlikte kullanılabilir column-count. Her iki özellik de bildirildiğinde column-countmaksimum sütun sayısıdır.
Değerler
Ayarlayabilirsiniz column-widthiçin autoveya bir uzunluk.
Kullanım autoayrıca kullanıyorsanız column-countveya mülk kapatmanız gerekiyorsa. Bunu, tarayıcıya column-countliderliği ele geçirmesini söylemenin bir yolu olarak düşünün .
Sütunların genişliğini belirtmek için 0'dan büyük (veya eşit) bir uzunluk kullanın. Yüzde dışında herhangi bir CSS birimini kullanabilirsiniz.
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+ | 2.3+ | 6.1+ |
Ön eklerinizi unutmayın!