如何用css，在两个按钮间插入一段空隙

Question

我不想用一堆 在两个按钮中插入一段空隙；也不想用table的方法在两个按钮中插入一段空隙。我只想用纯css的方法，在两个按钮中间加入一段空隙，空隙宽度比如是20px。

我在两个按钮中间加入一个div，设置display: table-cell，不行，这个有换行，两个按钮不在同一行了。设置display: table-column，也不行（外面有一个div充当table-row的）。设置为inline、inline-table之类的，都不行，可是奇了。

我又试试span，也不行。怪了，这到底要怎么弄？
是“我不想用一堆＆nbsp；在两个按钮中插入一段空隙...”
百度知道把我的＆nbsp；也转换成空格了，看来也还是考虑得不很周到啊，呵呵...

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：button { margin-right: 10px;}。

3、浏览器运行index.html页面，此时成功在2个按钮间插入了1个10px的空隙。

Answer 2

块元素的之间的间距使用 CSS margin 属性 设置。

定义和用法

　　margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

　　这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

   　块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

注释：允许使用负值。

例子 1

margin:10px 5px 15px 20px;
/*
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
*/

   

例子 2

margin:10px 5px 15px;
/*上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px*/

   

例子 3

margin:10px 5px;
/*
上外边距和下外边距是 10px
右外边距和左外边距是 5px
*/

   

例子 4

margin:10px;
/*所有 4 个外边距都是 10px*/

   

可能的值

本回答被网友采纳

Answer 3

利用margin就好了啊..margin表示..2个块状物体的边距的距离为多少...你利用span是没有用的..span是行内标签...你利用<div>或者P都可以...
<style>
div{margin:20px;}
</style>本回答被提问者采纳

Answer 4

用margin，比如你想右边留20px的距离， style="margin-right:20px"

Answer 5

给按钮加 margin