Question

如何让提交按钮居中 html 菜鸟求高手

Answer 1

IE6/7及IE8混杂模式中，text- align:center可以使块级元素也居中对齐。其他浏览器中，text-align:center仅作用于行内内容上。

解决这个问题比较好的方式，就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:auto; margin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持，所以还要设置父容器的 "text-align:center;"。

若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置“text-align:left”：

<style>

* { font-family:Consolas,Verdana,Arial; font-size:12px;}

div, center { border:3px solid dimgray; padding:2px;}

span { background:lightgrey;}

</style>

<div style="width:200px; text-align:center;">

<div style="width:100px; margin:0 auto; text-align:left;">

<span>text</span>

</div>

</div>

Answer 2

给他所在的标签写个text-align:center然后再写个margin:0px auto就好了。。前提是父元素规定了宽度

Answer 3

直接center标记

Answer 4

IE6/7及IE8混杂模式中，text- align:center可以使块级元素也居中对齐。其他浏览器中，text-align:center仅作用于行内内容上。

解决这个问题比较好的方式，就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:auto; margin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持，所以还要设置父容器的 "text-align:center;"。

若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置“text-align:left”：

<style>
* { font-family:Consolas,Verdana,Arial; font-size:12px;}
div, center { border:3px solid dimgray; padding:2px;}
span { background:lightgrey;}
</style>
<div style="width:200px; text-align:center;">
<div style="width:100px; margin:0 auto; text-align:left;">
<span>text</span>
</div>
</div>