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

  • Elliot Davin

    Elliot Davin

    28 Kasım 2008
  • GoldgenieOfficial

    GoldgenieOff

    23 Temmuz 2009
  • MultiPlayStationMan

    MultiPlaySta

    17 Aralık 2009