【CSS】圖像產生間隙,空一行,如何解決?跨瀏覽器兼容教學

【CSS】圖像產生間隙,空一行,如何解決?完美解決跨瀏覽器兼容教學-min
在 img 元素的父元素中,試著顯示出背景或 border 時,發現 img 元素之下,會產生一道小小的間隙,紅框處這並非瀏覽器的 bug,而是依照 CSS 的規格,vertiical-align的起始值為 「 baseline 」,因此圖像下方會對齊「 baseline 」的位置而產生此現象。我們在使用IE6、IE7、IE8、googleChrome、FireFox瀏覽器時,有時候加入圖片CSS下方會產生一些間隙和空一行,那要如何解決呢?來教大家如何解決跨瀏覽器兼容這些問題!


[ 繼續閱讀… ]