CSS: Resmin altında boşluk var? Nasıl kaldırabilirim?

Merhaba; sayfalarımızı tasarlarken bazen resimlerin altında 3px boşluk olduğunu görürüz ve bu sinirimizi bozar. Aslında çözüm çok basittir.

Bu sorun aslında görüntünün karakter gibi davranmasından dolayı ortaya çıkar. Örneğin “y” veya “g” nin alt kısımları satırlarımızda hep aşağı taşar. Resim de karakter gibi davrandığı için böyle olmaktadır
.
Bu olayın çözümü, resmi dikey anlamda hizalamaktır. Css ile bu boşluğun olmadığını belirtmemiz yeterlidir. Ben ortalı olmasını tercih edenlerdenim.

img {vertical-align:middle}

Herkese kolay gelsin.

Yayınlayan

İbrahim Yılmaz

Diplomalı tarihçi, alaylı yazılımcı.

“CSS: Resmin altında boşluk var? Nasıl kaldırabilirim?” için bir yorum

Bir cevap yazın

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