去除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; }

posted @ 2016-04-18 21:29  beginF2E  阅读(160)  评论(0编辑  收藏  举报