去除inline-block元素间间距的N种方法

标签：

真正意义上的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; }

去除inline-block元素间间距的N种方法

标签：

原文地址：http://www.cnblogs.com/beginF2E/p/5405957.html