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

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


[ 繼續閱讀… ]

【CSS 教學】前端工程師必看、HTML優化、13個高效整潔技巧

CSS-Code-Snippets2
目前有寫前端語言的設計師絕大部分都會推薦用DIV+CSS來佈局進行網頁設計比較有利SEO(Search Engine Optimization搜索引擎優化)。隨之,問題就來了!沒錯~懂得用DIV+CSS來佈局進行網頁設計比較有利SEO,但是很多使用DIV+CSS來佈局之後的代碼竟比TABLE排版長的很,這樣當然是沒有效率的學習這個前端語言。


[ 繼續閱讀… ]