问题描述

如何设置两个按钮之间有空格

有两个按钮：

<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">保存</button>
<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">取消</button>

里面有?没有效果，请问如何让他们两个之间有空格呢？谢谢

解决方案

通过设置margin-left或者margin-right进行控制间距
 <button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">保存</button>
<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left;margin-left:10px;">取消</button>

解决方案二：

1. * &nbsp；

解决方案三：

1. 最简单的方法就是在两个按钮标签之间使用空格占位符 ?

<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">保存</button>&nbsp;&nbsp;&nbsp;&nbsp;
<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">取消</button>

1. 需要比较灵活的设置相隔宽度的话，也可以使用margin-right 属性设置第一个button的右外边距，或者使用margin-left 属性设置第二个button的左外边距。

   通俗点讲：就是这个按钮需要隔相邻按钮多远距离。

<!-- 设置第一个按钮 -->
<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left,margin-right:10px;">保存</button>
<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">取消</button>

<!-- 设置第二个按钮 -->
<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">保存</button>
<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left;margin-left:10px;">取消</button>

解决方案四：

1、使用?进行设置
2、使用margin属性进行设置

解决方案五：

android代码中设置两个按钮之间位置

解决方案六：

保存?
取消

解决方案七：

在两个标签中间加?

解决方案八：

在两个标签中间加入?即：

 <button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">保存</button>&nbsp;
<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">取消</button>

解决方案九：

更多可以参考：http://w3school.com.cn/html5/index.asp

 <button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">保存</button>&nbsp;&nbsp;
<button class="btn btn-success navbar-btn btn-sm" type="button" style="float:left">取消</button>

解决方案十：

第一种方法：设置左边按钮的android:margin_Right="?dp"
第二种方法：设置右边按钮的android:margin_Left="?dp"