为什么我两个按钮中间会有空隙呢

来源:5-7 按钮(按钮组)

aurayang

2015-12-18 14:59

为什么我两个按钮中间会有空隙呢

写回答 关注

2回答

  • 李晓健
    2015-12-18 20:33:28
    已采纳

    因为他们有空白字符(是因为代码换行产生的)

    解决方案有很多 

    <div class="btn-grounp" style="font-size:0">
        <button class="btn btn-info" type="button">
            <span class="glyphicon glyphicon-fast-forward"></span>
        </button>
        <button class="btn btn-info" type="button">
            <span class="glyphicon glyphicon-backward"></span>
        </button>
    </div>
    <div class="btn-grounp">
        <button class="btn btn-info" type="button">
            <span class="glyphicon glyphicon-fast-forward"></span>
        </button><button class="btn btn-info" type="button">
            <span class="glyphicon glyphicon-backward"></span>
        </button>
    </div>

    上面两种方法都可以,第一种是设他们父级的字体大小为0,第二种是两个button的html代码不要换行

    auraya...

    非常感谢!

    2015-12-21 10:40:44

    共 1 条回复 >

  • 慕妹5193872
    2015-12-21 12:43:14

    btn-grounp 中的 group 拼错了,需要多写几个按钮再和原有的代码对比一下

    auraya...

    又是这种低级错误

    2015-12-21 13:23:53

    共 1 条回复 >

玩转Bootstrap(基础)

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

314544 学习 · 2275 问题

查看课程

相似问题