Css display:inline-block kullanımı ve örneği

By | 03 Mart 2015

Genelde web sayfası yapanlar nesneleri yan yana göstermek için float:left kullanırlar. Float kullanımında daha sonraki div lerde sorun çıkabiliyor. float kullanımından sonra clear:left; ile veya clear:both; iletemizlemek gerekiyor sorun yaşamamak için.

Bu durumlarda display:inline-block ile yan yana istediğimiz gibi nesneleri dizebiliriz. Yatay menü, resimleri yan yana gösterme, tablo gibi gösterimlerde gayet güzel bir yöntemdir.

Aşağıda display:inline-block ile ilgili küçük bir örnek verdim. Sayfanın önizlemesini resim olarak verdim. Sayfanın kodları ve css stillerini dosya eki olarak verdim. Bilgisayarınıza indirerek inceleyebilirsiniz.

display-inline-block-examples

DOSYAYI İNDİR

[ads2]

 

Benzer Yazılar
Please follow and like us:

One thought on “Css display:inline-block kullanımı ve örneği

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Doğru cevabı sayı olarak yazın. *