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

  • max2sims2

    max2sims2

    19 Kasım 2008
  • RyanXLT

    RyanXLT

    22 Ocak 2011
  • xXGAMERrs_Xx

    xXGAMERrs_Xx

    31 Temmuz 2014