Anasayfa / CSS ile Yazıyı Dikey Ortalama

CSS ile Yazıyı Dikey Ortalama

Bugün ki yazımda size CSS ile yazıyı nasıl ortalayacağınızı anlatacağım. Normalde tek satırlık metinlerde ortalama işlemi yaparken line-height kullanıyoruz hepimiz fakat bu yazı 2 ve üzeri satır sayısına ulaştığında bu işlemi kullanamıyoruz.

Gelelim Kod Yapısına;

#paragraf id’li bir div açtık ve bunun içine p tagı açıyoruz. p tagının içini istediğiniz yazı ile doldurun.

#paragraf‘ın css kodlarında display: table; yazarak div‘imizi tabloya çeviriyoruz.
Daha sonra #paragraf‘ın içindeki p tagına display: table-cell; kodunu ekledikten sonra dikey ortalama işlemini yapmak için vertical-align: middle; kodlarını yazıyoruz.

Ve Sonuç:

WordPress Emlak Teması

5 yorum

  1. Bu kodla sol tarafa yaslı bir şekilde ortalama yapıyor yazıyı tam ortalayarak nasıl yapabiliriz

  2. İstediğim kodların hepsi burada. Emekler için çok teşekkürler.

  3. Çok teşekkürler, bir türlü bulamıyordum, sayenizde ortalamayı başardım.

  4. Tam kısa ve öz olmuş. Aslında line-height özelliğinin yanında da dik ortalamak için float:left de kullanıyoruz bazen. Ama bu soldan hiza alıyor. Yine de dik bir görüntü veriyor diyebiliriz. Neyse iyi bir anlatım olmus, arşiv’e aldım, teşekkürler 🙂

  5. daha önce hiç bir yerde görmedim, yararlı bilgileri çin teşekkürler Burak 🙂

Cevapla

E-posta adresiniz yayınlanmayacak. Gerekli alanlar işaretlenmelidir *

*

x

İlginizi Çekebilir

PayPal.Me İle Ödeme Alın

Paypal’ın çıkarmış olduğu PayPal.Me ile artık direk olarak kullanıcı profilinizden ödeme alabilirsiniz.PayPal.Me ...