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

html-css05

CSS如何让一个按钮居中应该怎么做,第1张

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

<div style="margin:0 autowidth:200px">

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

</div>

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

.style{margin-left:automargin-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。

两种解决方案:

按照百分比来做(此方案不做详细描述)

固定两侧中间为100% 然后用margin减去左右两侧的

<div style="width:100% margin:0 auto"> 

       <div style="width:50px float:left">

<input type="button" value="left" style="width:100%"/>

   </div>

   <div style="width:50px float:right">

<input type="button" value="right" style="width:100%"/>

   </div>

       <div style="margin:0 50px 0 50px">

<input type="button" value="center" style="width:100%"/>

   </div>

    </div>