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-width
Tarayıcı için minimum genişlik önerisi olarak düşünün .
column-width
esnek 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 columns
kullanılır ve birlikte kullanılabilir column-count
. Her iki özellik de bildirildiğinde column-count
maksimum sütun sayısıdır.
Değerler
Ayarlayabilirsiniz column-width
için auto
veya bir uzunluk.
Kullanım auto
ayrıca kullanıyorsanız column-count
veya mülk kapatmanız gerekiyorsa. Bunu, tarayıcıya column-count
liderliğ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!