Question

css里如何让两个按钮水平对齐？

在我的页面左右各有两个按钮，如何让这两个按钮水平对齐？

Answer 1

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

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

2、在index.html中的<style>标签中，输入css代码：button {display: inline-block}。

3、浏览器运行index.html页面，此时2个按钮水平对齐了。

Answer 2

使用浮动float,可以轻松的使两个按钮水平对齐。
如果你想让右边的按钮对齐左边的，就使用float:left,相反就使用float:rigth
这是使两个元素对齐的基础方法

Answer 3

分别设置浮动，一个向左一个向右，或放在表格的同一行。

追问

css代码如下,要怎么写？

.prayer-button {
text-align: right;
}
.popup .prayer-select {
text-align: left;
}

追答

.prayer-button {
float: right;

text-align: right;
}
.popup .prayer-select {
float: left;

text-align: left;
}

追问

谢谢，我试了但还是不行：

追答

你怎么布局的？

Answer 4

　　display：inline-block
　　问题就不详细，怎么回答太详细了 ，这问题就是坑，管理员都不管么~！回答个毛线啊