如何移除display: inline-block或display: inline之间的间隔

From admin on 2013-04-22 20:45:50

这个原因跟字体类型和大小有关系

解决办法：

1. 雅虎 YUI 的解决方法是把letter-spacing和word-spacing改成某个负值能解决（不同的字体值不同）
.span {
letter-spacing: -.5em; /* webkit: collapse white-space between units */
*letter-spacing: normal; /* reset IE < 8 */
word-spacing: -.5em; /* IE < 8 && gecko: collapse white-space between units */
}
2. （推荐）通过修改父元素的字体大小，将大小设置为font-size: 0来解决：
p {
font-size: 0;
}