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:
CssHtml5

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ColdfusTion

    ColdfusTion

    3 Aralık 2007
  • LivestrongWoman

    LivestrongWo

    1 Aralık 2011
  • SomeOne Pro

    SomeOne Pro

    25 EKİM 2013

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR