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

发布网友发布时间：2022-04-26 21:37

共7个回答

热心网友时间：2022-04-06 14:41

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

</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。

热心网友时间：2022-04-06 15:59

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

热心网友时间：2022-04-06 17:34

俩种办法：

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

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

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

热心网友时间：2022-04-06 19:25

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

热心网友时间：2022-04-06 21:33

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

热心网友时间：2022-04-06 23:58

<div class="box">
<input type="button" class="btn">

</div>

.box{width:800px;}
.btn{width:100px;margin:0 auto;display:block;}

热心网友时间：2022-04-07 02:39

/*将其转换为块级标签再居中*/
display: block;
margin: 0 auto;