Question

在不使用像jQuery这样的库的情况下，将绝对位置div置于体内的最简单和最简单的方法是什么。谢谢！

编辑：像http://jsfiddle.net/apfwh/之类的东西，但也许有点干净？

Answer 1

我认为不需要js。 CSS会这样做（see here）：

body {
    background: #888;
}

.box {
    width: 100px;
    height: 100px;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
}

<强> UPD

如果您没有固定的元素宽度/高度：

JS（元素打开时）：

element.style.margitLeft = -element.offsetWidth / 2
element.style.margitTop = -element.offsetHeight / 2

CSS：

.box {
    background: #ccc;
    position: fixed;
    left: 50%;
    top: 50%;
}

纯JavaScript：将身体中的绝对位置div居中

1 个答案: