Nasıl CSS ile kayan nokta üst yapabilir miyim?
CSS sadece şamandıra özelliği için sol ve sağ değerleri destekler, ama orada yüzen bir üst uygulamak için bir yöntem olduğunu biliyorum. Açıklamaya çalışacağım. Aşağıdaki kodu var:
<div style="float:left">
<div style="float:left">
<div style="float:left">
....
Bu kod ile her div sayfanın sağ sınırına kadar terk ettim. Yapmak istiyorum aynı şeyi ama dikey olarak, yani her div yerleştirilir dibinde bir önceki ve daha sonra, ne zaman alt limit sayfa ulaşana kadar, yeni bir sütun oluşturulur. Bir şekilde bunu yapmak için sadece CSS (belki HTML kodu düzenleme) kullanan var mı?
CEVAP
CSS ile bunu yapmak için tek yolu sadece her tarayıcıda işe yaramayacak olan CSS 3 (3.5, Opera, Safari, Chrome, FF gibi sadece son nesil) kullanarak.
Gerçekten bu müthiş özelliği var CSS 3:: gibi kullanabileceğiniz sütun sayısı
#myContent{
column-count: 2;
column-gap: 20px;
height: 350px;
}
Eğer #myContent diğer divs sarıyoruz.
Burada daha fazla bilgi : http://www.quirksmode.org/css/multicolumn.html
Okumak var, bunu kullanarak ciddi sınırlamalar vardır. Yukarıdaki örnekte, eğer içeriği taşarsa sadece tek bir sütun ekler. mozilla sütun-genişlik ihtiyacın sayıda sütuna içerik bölmek için izin veren bir özellik kullanabilirsiniz.
Aksi takdirde arka uç Javascript veya farklı divs arasındaki içeriği dağıtmak gerekecek.
Nasıl bölüm Python kayan nokta olması ...
Nasıl bir yönlendirme sayfası jQuery k...
Nasıl Python fonksiyonu dekoratörler z...
Nasıl jQuery ile sayfa yenileme yapabi...
Nasıl bir kullanıcı bir liste öğesi üz...