如圖（事例1）：

這是張老師文章中的一段事例代碼，代碼的結(jié)構(gòu)是一個div包括著3個a元素，每個a元素之間都是各占一行，所以顯示在瀏覽器上時，a元素之間會有一個間隙，如圖：

那么問題來了！將代碼改成這樣，如圖（事例2）：

最后的結(jié)果是這樣的，如圖：

a元素之間的間距居然消失了！為什么在代碼上的一些輕微的改變就會產(chǎn)生不一樣的結(jié)果呢？這讓處女座的我陷入了深深的思考……@-@！

我是這么理解的：事例1中的代碼，a元素與a元素之間的間距是屬于元素與元素之間的距離，最終在瀏覽器中顯示空白，借用張老師中文章的一段話“元素間留白間距出現(xiàn)的原因就是標(biāo)簽段之間的空格，因此，去掉HTML中的空格，自然間距就木有了。”將視角轉(zhuǎn)到事例2,在圖片中，如下：

代碼與代碼存在空白的部分，但這空白的部分是屬于元素與內(nèi)容之間的距離（a元素與它的內(nèi)容）不是張老師在文章中提到的元素與元素間的留白間距，所以在瀏覽器中顯示出來就不會產(chǎn)生留白間距。so？在代碼中的一些輕微的改變就有可能幫助你解決大問題哦！如上例中將元素與元素的間距變成元素與內(nèi)容之間的間距，就幫我解決了兼容性的問題！

以上就是我在今天所收獲的知識，當(dāng)然我的理解可能會有錯誤，但如果你有不同的想法一定要說出來哦！評論~

以上就是html移除空格解決瀏覽器上的空白區(qū)的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。