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

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]

 

Please follow and like us:

You may also like...

1 Response

  1. Tavşanlı dedi ki:

    teşekkürler

Bir cevap yazın

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

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

Social media & sharing icons powered by UltimatelySocial