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:这是行不通的。
最佳答案
你需要将它所在的div设置为display: table;
以及您要居中的文本:
display: table-cell;
vertical-align: middle;
关于html - 我如何垂直居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13662161/