先问为什么display:inline-block的元素会有空隙?参考overstackflow上的一个答案这正是他们应该做的。内联元素之间的空格与单词之间的空格没有区别。如果你不想那样,请使用块元素,或将字体大小设置为零。去除方法1.除了空格和换行testtesttest也可以改成这个testspan>testTest2、使用margin-right设置负边距。这种方法是不可靠的。不同浏览器空间大小不统一,无法一次性解决问题。span{显示:内联块;边距-右:-4px;白颜色;背景色:黑色;}Firefox(Gecko)360Speed(Blink)Chorme(Blink)3.使用font-size:0将父元素上的font-size设置为0,只需在父元素上设置你实际需要的font-size即可元素div{font-size:0;}span{display:inline-block;font-size:16px;
测试测试
4.使用letter-spacing为父元素设置一个较大的负值,在元素上设置letter-sptesttest
div{letter-spacing:-20px;}span{display:inline-block;字母间距:0;}