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.

1 Yorum

Yorum Yaz:

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