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