如何让div在ipad中水平居中？

Question

如题，连IE6都能居中，就是ipad上的sarfri无法水平居中。
我用的方法有：
margin:0 auto

position:absolute;left:50%;margin-left:-480px;

/div宽度960/

我该如何解决？谢谢

Answer 1

如果只是水平居中，个人感觉你提供的方法应该没有问题，最好能上下你的实例代码。
题主用text-align: center试试。

Answer 2

没有 iPad 。
不过知道 div 宽度我一般会

position: absolute;
left: calc(50% - 480px);/* 注：calc()中保留空格 */

能否提供实例代码？

补充：

兼容性：
IE9+ Edge Chrome26+
iPad 应该没问题
对于 IE6 - IE8 可以写 Hack
或者只对 safari 写上述 Hack

Answer 3

直接margin:0 auto;right:0;left:0这用于知道具体宽度情况下

Answer 4

给个不需要计算宽度的方法吧，之前一直被计算宽度所烦恼。方法一：父元素relative，子元素absolute，margin-left:50%;margin-top:50%;translate(-50%,-50%);方法二：父元素relative，子元素absolute，margin:auto;top:0;right:0;bottom:0;left:0

Answer 5

亲，margin:0 auto，水平居中有个条件的，就是元素要设置宽度啊，而且你能不能贴个代码。还有没听过s浏览器有这个兼容问题吧？

Answer 6

demo

要的这种效果?