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]

 

Benzer Yazılar
Adobe Flash CS6 İngilizce versiyonu veya farlı dilde kullananlar için Türkçe YamaDenedim ve çalışıyor. Kurulum:
İnternet Programcılığı dersi için sorumluluk sınavı soruları ve cevapları öğretmen ve öğrencilere kaynak olması açısından
12. Sınıf öğrencileri için işletmelerde beceri eğitimini(staj) tamamladıktan sonra yıl sonunda sınav olacaklardır. Bu sınavda
mythemeshop sitesi, Temalarını beğendiğim ve takip ettiğim bir site. Daha önce temalarını kullandım. Gayet şık,
2015 Best Free Magazine, News and Personel Blog WordPress Themes SmartLine WordPress Theme Smartline Demo 
Wordpress mobil temaya reklam eklemek, wp touch ile siteye reklam eklemek, wptouch adsense eklemek, wp
Asp.Net dersleri, asp.net kayıt işlemleri, Asp.Net Veri tabanı dersleri, sqlserver veritabanı bağlantısı, sqlconnection, data.sqlclient, sqlcommand
Please follow and like us:
0

Bir yorum

Bir cevap yazın

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