CSS İle Dikey Ortalama

Sıklıkla ihtiyacım olan ve sürekli de kullandığım CSS ile bir alanı dikey ortamala konusunda örnek kod blogu paylaşmak istedim. CSS ile bir alanı dikey olarak ortalamanın çeşitli yolları vardır aslında. Ben burada sizlerle çokça kullandığım, kendimce basite indirgemiş olduğum yöntemi paylaşacağım.Mantık olarak HTML’deki tablo yapısını kullanacağız ve en dış bölgedeki div’imizi tablo gibi göstereceğiz. Bu yüzden en dıştaki div’imizin display özelliğini table olarak ayarlıyoruz. Ortalamak istediğimiz bölgeyi de tablonun bir parçası olduğunu göstermek amacıyla onun da display özelliğini table-cell olarak ayarlıyoruz ve gerisi tablo yapısında yaptığımız gibi vertical-align değerini ayarlamak oluyor. Kodları ve yapılmış örneğini aşağıda paylaşıyorum. Yararlı olması dileğiyle, iyi çalışmalar.

Yapılan örneği görmek için tıklayınız.

You may also like...

Bir cevap yazın

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