css 水平居中 margin:0 auto

在css中有很多种水平居中方法:

position 定位

text-align:center

margin：0 auto

除非已经声明了 !DOCTYPE，否则使用 margin:auto 在 IE8 以及更早的版本中是无效的。

把左和右外边距设置为 auto，规定的是均等地分配可用的外边距。结果就是居中的元素。

使用

margin:0 auto

必须设置宽度，如果不设置则默认和父元素宽度一致，不会有居中效果。