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

  • alex maybury

    alex maybury

    20 Aralık 2007
  • thepoke64738

    thepoke64738

    17 HAZİRAN 2011
  • Video Copilot

    Video Copilo

    21 EYLÜL 2006

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR