问答详情
源自:7-2 缩略图(二)

一样的代码,效果确实不同的

<p>

<a href="##" class="btn btn-primary">学习</a>

<a href="##" class="btn btn-info">你学习试试了吗</a>

</p>


<p><a href="" class="btn btn-primary">学习</a><a href="" class="btn btn-info">你学习了吗</a></p>

代码是一样的,只不过没有格式化代码(么换行),效果确实不一样,为什么???

效果唯一的区别就是两个按钮之间没有空隙为啥呢



提问者:大手 2016-04-05 02:20

个回答

  • 饿狼一匹
    2016-04-05 14:38:15

    当两个相领的元素属性display:inline-block时,他们之前有2px的间隔,一种解决方法是将两元素首尾相连,即可解决改2px间隙,另外一种方法就是浮动float:left