首页 > 其他 > 详细

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

时间:2016-04-18 22:09:20      阅读:128      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!