方法/步驟

1、標籤產生間距的原因

標籤之間產生間距的原因不外乎這幾種：程式碼換行、tab（製表符）、空格。接來下將用一個案列來說。

2、新建一個html頁面。如圖：

3、在html頁面建立一個div標籤，然後在div標籤裡建立5個a標籤。如圖：

4、為了看得更加明顯，我們將對新建的div標籤、a標籤設定樣式，然後使用瀏覽器開啟html頁面，發現a標籤之間是存在間距的。如圖：

5、解決方案一：

把a標籤的程式碼顯示為一行，然後再html頁面重新整理瀏覽器檢視效果，發現a標籤之間的間距不見了。如圖：

6、結局方案二：

把a標籤還是恢復為每個標籤顯示一行，然後設定a標籤父類的樣式為：font-size:0;接著把a標籤的字型樣式設定為：font-size:14px; 最後在瀏覽器上重新整理頁面發現a標籤之間的間距沒有了，這個是不是很神奇呢！

效果如圖：

7、由案例可知，解決標籤之間間距的方案有兩個：

1.把元素寫成一行，缺點：會讓程式碼看起來非常的凌亂；

2.把父類設定font-size:0，缺點：標籤必須要設定字型大小，否則將看不到標齊的文字。