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

来源:7-2 缩略图(二)

大手

2016-04-05 02:20

<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>

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

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



写回答 关注

1回答

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

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

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题