css - 用于内容对齐的 CSS

Question

我有一个固定宽度和高度的 div 标签，我想要另一个 div 标签位于父 div 的确切中心。我试过 margin=auto 但它没有解决问题。任何指针？谢谢

Answer 1

试试这个：（小提琴）

div.outer {
    display: table-cell;
    width: 500px;
    height: 500px;
    vertical-align: middle;
    text-align: center;
    background: blue;
}

div.inner {
    width: 200px;
    height: 200px;
    background: red
    display: inline-block;
}