既然用了 position:absolute, margin 也就不再对元素的位置产生影响了。
办法很多:
- 如果ul宽度是固定的话（已知数量的li以及图片长度），可以用 left: calc(100% - ul 宽度的一半)。
- 又或者，把 Position: absolute 等使元素沉底的 styles 放置到外一层的div当中。将 ul 设为 text-align: center，li 设为 display:inline-block 来居中图片元素。
作者：Eastenluis
链接：http://www.zhihu.com/question/23861520/answer/25936737
来源：知乎
著作权归作者所有，转载请联系作者获得授权。
因为有position:absolute
一种可以参考的方法是套两层，外面一层margin-left:50%，里面margin-left:-50%
另一种是外面一层width:100%，里面再margin:0 auto;display:table
就算没有position:absolute，要是不明确设宽的话也需要display:table或者其它方法
作者：于航
链接：http://www.zhihu.com/question/23861520/answer/25893095
来源：知乎
著作权归作者所有，转载请联系作者获得授权。