首页 > 如何让div在ipad中水平居中?

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

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

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

/div宽度960/

我该如何解决?谢谢


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


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

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

能否提供实例代码?

补充:

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


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


demo

要的这种效果?


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


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

【热门文章】
【热门文章】