inline-block元素之间会有间距存在
如何去掉间距？
1.移除空格
<input type="text" /><input type="sumbit" value="提交" />
<input type="text" /><!--
--><input type="sumbit" value="提交">
2.使用margin负值
.space a{display:inline-block;margin-right: -3px}
margin负值的大小与上下文的字体和文字大小相关
列如：
对于12px大小的上下文，arial字体的margin负值为-3px；tahoma和verdana就是-4px；而geneva为-6px
不适合大规模使用
3.使用font-size：0
.space{font-size:0}
.space a {font-size:12px}
4.使用letter-spacing
.space{
letter-spacing:-3px;
}
.space a{letter-spacing:0}
通用于所有的浏览器，唯独opera浏览器下有问题： 最小间距1px,未测试
5.使用word-spacing
.space{word-spacing: -4px}
.space a{word-spacing:0}
网友评论