css使元素水平居中

1.对于行内元素的水平居中

给父元素设置text-align:center

<div style="text-align:center;">居中显示</div>

2.定宽块状元素水平居中

<div style="width:200px;margin:20px auto;";>居中显示</div>

注：对于以上情况可以灵活应用

可以将元素设置 display:inline ，将其变为行内元素，再按照上面的方法1

也可将元素设置 display:block，将其变为块状元素，再按照上面的方法2

参考地址：http://blog.csdn.net/oHeHeHou/article/details/52820794

css 使元素水平居中