今天在切圖的時候，碰到一個兼容性的問題，很幸運最后通過張金鑫老師的文章解決了這個問題！但在閱讀張老師文章的時候，我有個地方不明白，在網上查了下也沒找到我想要的答案，后來自己想了半天好像是這么回事，現在我把我的想法寫出來，如果有不對的地方，大家一定要指出哦。

如圖（事例1）：

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

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

最后的結果是這樣的，如圖：

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

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

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

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

以上就是html移除空格解決瀏覽器上的空白區的詳細內容，更多請關注php中文網其它相關文章！