我們想要的是元素可以緊貼在一起，但是很顯然，結果「出乎意料」。那麼有什麼方法可以讓結果符合我們的預期呢？所能想到的解決方法至少有以下四種，而每種方法也都有其優劣所在，至於要如何選擇，就需要取決於實際情況。
之所以有空白，是因為元素之間存在空格（連續多個空格、換行符、製表符在html中都認為是乙個空格），那麼最簡單的方式，就是刪除空格。簡單，但是格式有點...不太好看。
或者
或者
或者
乙個空格，如果它的font-size是0，那麼它的width也就是0，所以空白也就不存在了。但是缺點是子節點會繼承父節點屬性，所以的font-size也被置為0了，為了讓顯示出來，需要在上單獨設定font-size。
ul li
當乙個元素的float不是none時，這個元素相當於乙個block元素，所以這種inline-block之間的空白問題，也就不存在了，但是注意，需要在父元素上清楚浮動，否則會影響其他元素的布局。
ul li
相對來說比較推薦的做法，但是需要注意當前專案需要支援的瀏覽器，是否支援flexbox布局。
如何去除inline block之間的空隙？
元素被當成行內元素排版時，元素之間的空白符 空格 回車換行等 都會被瀏覽器處理，根據white space的處理方式 預設是normal，合併多餘空白 原來html 中的回車換行被轉成乙個空白符，所以元素之間就出現了空隙。這些元素之間的間距會隨著字型的大小而變化，當行內元素font size 16p...
如何移除原生tabBar
1，隱藏原生的tabbar 2，自定義tabbar 新增在self.view 上出現bug 邊緣手勢無法實現，建議不要隱藏原生的tabbar 將自定義的tabbar新增在原生的上面 遮擋住原生的tabbar 1，不隱藏原生的tabbar 建立新的tabbar新增在self.tabbar上,去除原生的...
如何解決inline block元素的空白間距
有關於使用inline block來代替float的討論也蠻多的，最常說的就是使用inline block來代替float進行布局，或者使用inline block來實現元素的居中效果。前面 css3製作的分頁導航 一文中就是使用的inline block製作的居中效果，不過留下了一上問題，就是使用...