有三個i標籤，中間乙個放文字，前後兩個放的是iconfont
效果圖如下：
會發現三個i標籤渲染出來之後中間會有挺大的空隙：
嘗試設定邊距為0無果：
解決方法：
去掉三個i標籤前後的空格（換行也不行），讓它們連著寫
的確有效果，但是這樣**太亂，看著難受；
方法二：
①將父元素font-size設定為0；
②在子元素（i）那裡設定字型；
如果是span標籤之間出現空隙，也可以用此方法解決。
update:
在實現如下圖所示布局的時候，ul寬100%,li寬20%,inline-block並且沒有左右內（外）邊距，但是最後乙個li還是被擠到了下一行
審查元素發現兩個li之間其實是有一點空隙的（通過畫素大廚測量大概是3px，通過查閱資料發現其實是4px），
解決方法：
①可以通過彈性布局display:flex來解決（缺省會排列在一行，還要加乙個flex-wrap:wrap讓超出部分顯示在下一行）
②給li設定float:left也可以解決
③同樣地，ul的font-size設為0，li裡面再具體設相應字型大小
其實不僅是i和span，li甚至兩張間出現縫隙的問題都可以用方法③解決。
上面提到的情況其實有共性：
①是內聯元素或者內聯塊
②是其他元素的子元素
那麼出現這個問題的原因是什麼呢？？
這是因為內聯或者內聯塊是同行顯示的，而為了**的整潔和可讀性，通常會在li標籤之間換行；html預設將多個空格顯示為乙個，這就是為什麼兩個li之間（準確地說是內聯或內聯塊元素之間）會預設有一點間距。
原因知道了，解決的思路也就變成：怎麼去掉這些空格；
除了上面提到的方法，其實還有很多可以去掉間隙的方式，如加注釋等，具體的可以看看這個：
兩個span標籤換行 html5 文字相關標籤
html5 文字相關標籤 一 標題 h1 h1 hgroup 標題組 1 什麼情況下使用標題？01.標題是概括性的簡短文字 02.標題能概括隨後的內容 2 主標題與副標題 01.主標題 02.副標題 3 標題組 hgroup 01.當主標題和副標題成組時，應使用hgroup hgroup h1 h2...
比較兩個檔案或兩個檔案集並顯示它們之間的不同
比較兩個檔案或兩個檔案集並顯示它們之間的不同 fc a c l lbn n off line t u w nnnn drive1 path1 filename1 drive2 path2 filename2 fc b drive1 path1 filename1 drive2 path2 filen...
python 兩個list之間判斷是否有相同值
例項 axis 4 slot 1 2,3 4,5 6 atwill7 false for i in axis if i not in slot if atwill7 print 假 else print 真 下列 詳解 1 用 i 去遍歷第乙個列表 axis 如果 i 不在第二個列表 slot 裡面...