Question

CSS如何让一个按钮居中应该怎么做

Answer 1

通过这样的Css样式就可以实现：

<div style="margin:0 auto;width:200px;">

<input class="submit" id="btn" type="submit" value="注册" />

</div>

使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。

.style{margin-left:auto;margin-right:auto;} 缩写形式为： .style{margin:0 auto;} ，数字0 表示上下边距是0。

后面的那个width也是个很重要的属性，因为按钮的宽度非常小，所以要设置一个合适的width值才可以让按钮居中。

扩展资料

css中margin属性用法：

margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。格式为-margin:10px 5px 15px 20px;

实例:

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;

所有四个边距都是 10px。

Answer 2

方法1 比如 按钮 放在一个 P标签里面 可以 给P加样式 text-align:center
方法2 text-align:center是让容器p里面的内容居中
margin:auto，是让容器p本身居中

Answer 3

俩种办法：

1. 外套一个长宽相等的div 水平居中 margin: 0 auto； 垂直居中：这个div的父元素加上 display：flex， align-items：center； 

2. 将这个button 加个样式 display：block；重复上面的俩个居中代码就好了。

   其实都是一个道理的，多敲俩下就知道了

Answer 4

用定位，position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;

Answer 5

CSS 需要加载容器上
margin:0 auto;
width:80%;
height:100%;
就可以了