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

时间:2016-04-18 22:09:20   收藏:0   阅读:129

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

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

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!