如题,连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这用于知道具体宽度情况下