真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距。
方法1:移除空格
<div class="space">
<a href="##">
哈哈</a><a href="##">
呵呵</a><a href="##">
嘻嘻</a>
</div>
方法二:借助HTML注释
<div class="space">
<a href="##">呵呵</a><!--
--><a href="##">嘻嘻</a><!--
--><a href="##">哟哟</a>
</div>
方法三:使用margin负值
.space a { display: inline-block; margin-right: -3px; }
时间: 2024-10-19 21:02:47