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

通过这样的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。