行內元素之間的有個小空隙的問題

一、簡述

　　編寫HTML頁面時，有時候在某一種情況下中用到了行內元素后面要緊跟着一個行內元素，比如：<span></span><a></a>  那么就會出現span元素與a元素之間有一個小空隙。

二、內容

　　首先是span元素與a元素之間出現了小空隙的情況。

<span>span</span>
<a href='javascript:void(0)'>第一個a標簽</a>
</div>

　　然后是消除小空隙的方法。

<div>
<span>span</span><a href='javascript:void(0)'>第一個a標簽</a>
</div>

　　就是說可能因為IDE工具的代碼格式化，或者出現可讀性考慮，把span元素與a元素分行，所以就導致了span后面跟着一個看不見的回車符，小空隙也就出現了。如果a元素緊跟着span元素，兩者在同一行內，雖然可以消除掉小空隙，但是可讀性就不好了啊。這樣就可以用一個小技巧

<span>span</span><!--
--><a href='javascript:void(0)'>第一個a標簽</a>
</div>

　　利用注釋就可以消除掉小空隙，還可以分行以提高可讀性。