SORU
4 Aralık 2009, Cuma


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
4 Aralık 2009, Cuma


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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Klemens Torggler

    Klemens Torg

    11 Mart 2008
  • TheTwistedFrequency

    TheTwistedFr

    26 NİSAN 2010
  • VvCompHelpvV

    VvCompHelpvV

    4 EYLÜL 2007