javascript - 垂直对齐视口(viewport)的 50%

Question

<分区>

Answer 1

可以使用盒子偏移属性来获得这种效果。

This property specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's containing block.

来源:http://www.w3.org/TR/CSS2/visuren.html#position-props

---

jsfiddle

CSS

#centered {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 200px; /* arbitrary */
    width: 600px; /* arbitrary */
    background-color: grey;
}