【问题标题】:CSS center element with absolute position on iPad在 iPad 上具有绝对位置的 CSS 中心元素
【发布时间】:2012-07-13 18:34:35
【问题描述】:

好的,所以我在将元素居中时遇到了问题。我有一个 2300px 宽的 div:

HTML

<div id="myDiv"></div>

CSS

#myDiv { position: absolute; top: 0; left: 50%; margin: 0 0 0 -1150px;}

这在除 iPad Safari 之外的所有浏览器中都非常有效。有谁知道如何解决这个问题?

问候, 大卫

【问题讨论】:

  • 它的父Div是否也有固定宽度?是这样的话,你可以精确地以像素为单位设置 left 属性。例如。如果它的父 Div 是 2500px,那么你可以在 'myDiv' 上设置 left:100px。
  • 它的父div是一个body标签
  • 你试过把 position:relative 放在 body 标签上吗?不确定是否需要,但 iPad Safari 可能需要它。

标签: css ipad center absolute


【解决方案1】:

div需要绝对定位吗?

如果没有,你可以使用margin: 0 auto;

另外,请尝试定义宽度。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-01-30
    • 2016-04-11
    • 2012-04-18
    • 1970-01-01
    • 2018-06-20
    • 1970-01-01
    • 2013-11-15
    相关资源
    最近更新 更多