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.
[ads2]
Please follow and like us:
teşekkürler