消除a標簽連接之間間距縫隙的方法

自己寫的幾個a標簽，它們之間並沒有設置樣式，但是顯示 的效果確實a標簽之間有縫隙、有間距，無論我們怎么調都不能解決。

    很多網站編程人員都有可能遇到過這樣的問題，就是自己寫的幾個a標簽，它們之間並沒有設置樣式，但是顯示的效果確實a標簽之間有縫隙、有間距，無論我們怎么調都不能解決。
    出現這種情況的原因是很多編程人員為了代碼結構整齊，看起來有層次感以及方便以后修改查看，人為的讓幾個a標簽之間換行，換行就產生了一堆的空間，在瀏覽器里就顯示有間隙了。遇到這種情況，一般有下面幾種解決辦法：

　　第一種解決辦法：

　　 改變超鏈接書寫方式比如我們原來書寫的代碼是這樣：

<a href="##">首頁<a/>
<a href="##">段子<a/>
<a href="##">圖片<a/>

 

     我們把它改成這個樣子：
     <a href="##">首頁<a/><a href="##">段子<a/><a href="##">圖片<a/>
     標簽中間不要換行，a標簽一個挨着一個書寫，直到它們自動換行，這樣問題就解決了。

 

　　  第二種解決辦法：給外層div加屬性限制

　　 另一個解決辦法就是給a標簽外層div設置margin-left:-8px即可解決，-8不是個特定值，具體多大根據每個人的情況來定，這樣設置的好處就是即使負值設置的足夠大，a標簽之間也不會發生重疊，這是非常好的，這個負值可以稍微大點。

 

　　第三種解決辦法：給外層div設置字符間距和單詞間距

    假設a標簽外層div的ID是nav，就可以通過使用下面兩種css中的一種，或兩種同時使用來解決這一問題。
    設置字符間距的css樣式，為負值哦
    

#nav{ letter-spacing:-3px; } #nav a{ letter-spacing:0; } // 設置單詞間距的css樣式，為負值哦
#nav{ word-spacing:-6px; } #nav a{ word-spacing:0; }

    以上三種解決方法是大家常用到的，大家可以參考一下解決自己的問題，如果有更好的解決辦法大家可以留言一起討論。