HTML
<div class="table-cell">
My text, should be align middle
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.table-cell {
height: 200px;
width: 200px;
vertical-align: middle;
background: #eee;
display: table-cell;
position: absolute;
}
Run Code Online (Sandbox Code Playgroud)
问题
文本应放在我的"表格单元格"的中间.一切都按预期工作,直到我添加"position:absolute".现在它不能再将我的内容放在中间了?为什么不?它仍然知道我的高度和宽度,因为我在我的CSS中设置它.
有什么聪明的解决方法吗?