SORU
1 HAZİRAN 2012, Cuma


5 tuhaf HTML ımg hep altta 3px marjı ekler

Benim web sitesi için değiştirdim

<!DOCTYPE HTML>

Bir DİV içine alınmış her ımg öğesi marjı CSS içinde tanımlanmış olsa bile bu 3px alt kenar boşluğu vardır. Diğer bir deyişle, herhangi bir stil bu 3px alt kenar boşluğu neden olan özellikleri vardır.

<div class="placeholder">
    <img alt="" src="/haha.jpg" />
</div>

Şimdi diyelim haha.jpg 50x50, ve .tutucu görüntülemek için ayarlayın: tablo. Garip yükseklik boyutları .benim gözlem tutucu... 50x53

Herkes bu anomali önce karşılaştı ve sabit değil mi?

EDİT

Burada JS KEMAN

http://jsfiddle.net/fRpK6/

CEVAP
1 HAZİRAN 2012, Cuma


Bu sorun nedeniyle resmi davranmak gibi bir karakter metin (ve bu yüzden bir boşluk bırakarak aşağıya asma bölümü bir "y" ya da "g"), ve çözüldü kullanarak vertical-align CSS özelliği gösteren böyle bir alan gerekli. vertical-align hemen hemen herhangi bir değer yapacak; middle, şahsen severim.

img {
    vertical-align: middle;
}

jsFiddle: http://jsfiddle.net/fRpK6/1/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ASUS Campus Life

    ASUS Campus

    18 Mart 2013
  • BachelorsPadTv

    BachelorsPad

    17 Ocak 2012
  • Marina and The Diamonds

    Marina and T

    8 Temmuz 2008