.inline-block{
ul{ /*解法*/
letter-spacing: -4px;/*根據不同字體字號或許需要做一定的調整*/
word-spacing: -4px;
font-size: 0;}
li{ padding:5px 8px;
background:#eee;
/*解法*/
font-size: 12px;
letter-spacing: normal;
word-spacing: normal;
display:inline-block;
*display: inline;
zoom:1;
}
}
P.S以上是SCSS寫法
參考來源：http://www.w3cplus.com/css/fighting-the-space-between-inline-block-elements
以上經過跨瀏覽器的測試，完美的支援chrome、safari、firefox、ie789，感動吶！！
來源經過了很多測試，但多數是對html標籤動手腳，請看最後一則範例，才是真正完美解決inline-block間距的解法
（話說我好懶得安裝SyntaxHighlighter.....所以讓大家看這麼直白的css真是慚愧...說是慚愧但還是懶得裝.....）
