Arama

CSS ile Bir Div'i Dikey Olarak Ortalamak

  • Paylaş:
post-title

İnternette en çok aranan konulardan biri olan bir div'i css ile nasıl dikey ortalayabileceğimize bakalım, e hadi buyrunn

Merhaba arkadaşlar;

Muhtemelen bir çok sitede özellikle açılış sayfalarında sayfanın ortasında duran bir dive rastlamışsınızdır. Ki modern web sitelerinde giriş panelinin veya video playerin veya bunun gibi componentlerin sayfanın tam ortasında konumlandırılması göze çok güzel görünüyor.

Bunun için ihtiyacınız olan kodları codepen.io üzerinde ki sayfamızda hazırladık, burada da paylaşıyoruz. 

Ortalama da temel kullandığımız mantık şu; Kodumuzu 3 katmanlı div içerisine yazıyoruz. En dıştaki div'i (outer) bir table olarak tanımlıyor ve genişlik - yükseklik değerlerini %100 olarak giriyoruz. Akabinde 2. katmandaki div'i (middle) tablo hücresi olarak belirliyor ve dikey hizalamasını middle olarak giriyoruz.

 

Kodlarda anlamadığınız bir yer olursa yorum kısmından sorabilirsiniz arkadaşlar

Etiketler:
Bir yorum bırak