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