Arama

Css İle Bir div'i Yatay Ortalama (Horizontal align)

  • Paylaş:
post-title

Css'de bir div'i her ekran çözünürlüğü için yatayda nasıl ortalayacağınızı anlatıyoruz, buyruunn

Merhaba arkadaşlar; 

Web tasarımda bazen bir divi veya bir elemanı ortalamak gerçekten zulüm olabiliyor, heleki bu işe yeni başladıysanız. p veya a taglarını ortalamak için text-align:center demeniz yetiyor. Ancak eleman div olursa malesef bu kod yemiyor. Burada sizlere 3 satırlık basit bir kod göstereceğim. Bunun sayesinde ekran boyu ne olursa olsun div herzaman ekranın ortasında duracaktır.

Burada önce divimizi block olarak gösteriyoruz. Sonra ise sol dış boşluğunu (margin-left) ve sağ dış boşluğunu (margin-right) otomatik olarak setliyoruz. Bu sayede ekran boyutu değişsede kendisini herzaman ortada konumlandırıyor.

Kodlarda veya konuda aklınıza takılan bir yer olursa yorum kısmından sorabilirsiniz.

Yazıyı beğendiyseniz lütfen paylaşarak daha çok arkadaşımızın istifade etmesini sağlayalım.

Etiketler:
Bir yorum bırak