html - 我如何垂直居中？

Question

This是我正在尝试开发的页面。我希望选项卡中的文本和气泡中的电影居中。我发现的所有东西都无法正常工作。此页面上的所有内容都是 position: absolute 并以百分比定义，气泡内的实际内容除外。

索引.css

#movie {
    margin-top: auto;
    margin-bottom: auto;
    display: table-cell;
    vertical-align: middle;
    ...
}
#movie-bubble {
    vertical-align: middle;
    text-align: center;
    display: table;
}

根.css

.tab {
    vertical-align: middle;
    text-align: center;
    margin: auto;
}

我做错了什么？

编辑:对于那些说 display: table-cell 的人，&c:这是行不通的。

Answer 1

你需要将它所在的div设置为display: table;

以及您要居中的文本:

display: table-cell;
vertical-align: middle;