html - 垂直和水平居中的东西

Question

垂直和水平居中可能是页面布局中最烦人的事情之一。
尽管已经找到了很多解决方案 See This和 This ，我没有看到任何适合我的问题。
我的问题在这里演示 JSFiddle .

我试过这个垂直的，但没有用。还有其他垂直方向的吗？

out {
    display: table;
}

in {
    display: table-cell;
    vertical-align :middle;
}

Answer 1

如果你想垂直和水平居中，here是一个 jsFiddle。

#cdiv {
    background-color: #ffff00;
    color: #000000;
    width: 300px;
    height: 200px;
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -150px;
}

解决方案取自:Tutorialzine