在水平對齊方法中display inline-block是一種很方便的方法，但是使用時會有一點小瑕疵。
當子元素標籤與標籤之間存在空格：
盒子一
盒子二
方法一：
既然間隙是由於標籤之間的空格，那最簡單的方法就是刪除空格了，但在實際**編寫中，為了**的可讀性，我們更喜歡保留空格。
方法二：
父級元素加letter-spacing：-0.5em；這樣子元素的間距就消除了，但是由於繼承性，子元素裡面的內容也會繼承該該屬性，子元素裡面的內容也會縮小間距：
只需在子元素中新增letter-spacing: normal;消除父級盒子的影響：
方法三：
給父盒子加上font-size：0；子元素加上裡面文字的字型大小，例如：font-size：14px；
這是由於字型大小為0，文字消失；子元素加上字型後：
inline block消除間隙
真正意義上的inline block水平呈現的元素間，換行顯示或空格分隔的情況下會有間距，很簡單的個例子 消除間隙一 消掉空格的三種方法 space a1 a a2 a a3 a div space a1 a a2 a a3 a div space a1 a a2 a a3 a div 消除間隙二 ...
CSS之消除inline block之間產生的間隙
number1 number2 number3 number4 如上 將dl轉為行內塊級元素，但每個dl之間會有間隙。造成這一問題的原因是html中的換行符 空格符 製表符等空白符，字型大小不為0的情況下，空白符佔據一定寬度，使用inline block會產生元素間的空隙。如果將所有dl寫在一行則不...
inline block元素間隙產生及去除方法
當我們把元素屬性display設定成inline block時，元素之間就會產生間隙 效果如下 當我們把元素ul 下面的li放在同一行的時候你會驚奇的發現間隙消失了ab 所以我們可以認為元素的間隙是由於 回車 或者換行所導致的，但是如果我們為了消除間隙把元素都寫在一行的話未免太不美觀了，而且對於下乙...