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

 

Benzer Yazılar
Web Tasarımının Temel İlkeleri konusu için Devamı
Adobe Flash CS6 İngilizce versiyonu veya Devamı
İnternet Programcılığı dersi için sorumluluk sınavı Devamı
mythemeshop sitesi, Temalarını beğendiğim ve takip Devamı

Bir yorum

Bir cevap yazın

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