IE6/7及IE8混杂模式中，text- align:center可以使块级元素也居中对齐。其他浏览器中，text-align:center仅作用于行内内容上。
解决这个问题比较好的方式，就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:automargin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持，所以还要设置父容器的 "text-align:center"。
若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置“text-align:left”：
<style>
* { font-family:Consolas,Verdana,Arialfont-size:12px}
div, center { border:3px solid dimgraypadding:2px}
span { background:lightgrey}
</style>
<div style="width:200pxtext-align:center">
<div style="width:100pxmargin:0 autotext-align:left">
<span>text</span>
</div>
</div>
这个其实很简单的，只要添加一条标签就能让其居中
把你登录的id和密码还有下边的按钮放到一个div里，给这个div设置margin：0 auto就居中了。
这个其实很简单的，只要添加一条
标签就能让其居中 这个是html5的标签，兼容性不好，还是用div+css2吧。
1.创建一个大盒子，宽度等于上方创建用户的宽度。2.把现有的四个盒子移动到刚才的大盒子中，样式有问题可以调一下。
3.给要居中的盒子加上margin: 0px auto 0px的样式，两个0px分别代表盒子上下的外边距，不固定可以是任意值。可以调整到理想的距离。
以上。
