mui框架中,实现button平铺一行,没有空隙

1.css样式就是把button的边框去掉

.mui-btn, button, input[type=button], input[type=reset], input[type=submit]{
    border-radius: 0;
    border: 0px solid #ccc;
}
2.
<!--底部的工具条开始-->
<nav class="mui-bar mui-bar-tab" style="font-size: 0;">
    <button type="button" class="mui-btn" style="width:12%;">
        <span class="iconfont icon-daikuan1" style="font-size: 25px;"></span><br/>
        <span style="font-size:12px;">贷款</span>
    </button>
    <button type="button" class="mui-btn" style="width:12%;">
        <span class="iconfont icon-shoucang" style="font-size:25px;"></span><br/>
        <span style="font-size:12px;">收藏</span>
    </button>
    <button type="button" class="mui-btn" style="width:12%;">
        <span class="iconfont icon-iconzhenghe64" style="font-size:25px;"></span><br/>
        <span style="font-size: 12px;">对比</span>
    </button>
    <button type="button" class="mui-btn" style="background-color: #f68c03;;color:#fff;font-size: 25px; width:32%;">
        <span class="iconfont icon-kanjiax" style="font-size: 20px;"></span>
        <span style="font-size: 16px;">我要砍价</span>
    </button>
    <button type="button" class="mui-btn" style="background-color:#ff651b;color:#fff;font-size: 25px;width:32%;">
        <span class="iconfont icon-dianhua1" style="font-size: 20px;"></span>
        <span style="font-size: 16px;">咨询车况</span>
    </button>
</nav>
<!--底部的工具条结束-->

猜你喜欢

转载自blog.csdn.net/yijiupingfan0914/article/details/80827673