问答详情
源自:5-7 按钮(按钮组)

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

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

提问者:aurayang 2015-12-18 14:59

个回答

  • 李晓健
    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代码不要换行

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

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