css 水平居中 margin:0 auto

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

• position 定位
• text-align:center
• margin：0 auto

除非已经声明了 !DOCTYPE，否则使用 margin:auto 在 IE8 以及更早的版本中是无效的。
把左和右外边距设置为 auto，规定的是均等地分配可用的外边距。结果就是居中的元素。
使用margin:0 auto 必须设置宽度，如果不设置则默认和父元素宽度一致，不会有居中效果。