最近在學(xué)模板的時(shí)候，特別是在使用ul li列表的時(shí)候，偶爾也會(huì)用display:inline-block替代float使用，但display:inline-block偶一個(gè)間隔的問題。
解決辦法是百度來的，分享如下：
有關(guān)于使用inline-block來代替float的討論也蠻多的，最常說的就是使用inline-block來代替float進(jìn)行布局，不過留下了一上問題，就是使用inline-block的元素之間會(huì)存在“4px”的空白間距。那么今天我們就一起來說說這個(gè)“4px”的問題。
布局如下：
效果圖：
樣式：
效果圖：
經(jīng)高手的指點(diǎn)，在父元素中設(shè)置font-size:0,用來兼容chrome，而使用letter-space:-N px來兼容safari
效果如下：完美解決間隔的問題，實(shí)現(xiàn)無縫連接
