http://jsfiddle.net/fQv97/
HTML
<div class="table-cell">
My text,should be align middle
</div>
CSS
.table-cell {
height: 200px;
width: 200px;
vertical-align: middle;
background: #eee;
display: table-cell;
position: absolute;
}
问题
文本应放在我的“表格单元格”的中间。一切都按预期工作，直到我添加“position：absolute”。现在它不能再将我的内容放在中间了？为什么不？它仍然知道我的高度和宽度，因为我在我的CSS中设置它。
有什么聪明的解决方法吗？
解决方法
Everything works as expected until I add “position: absolute”. Now it
can’t place my content in the middle any more? Why not?
至于解决方法，我认为你必须将它包装在另一个元素中：
<div class="table-cell-wrapper">
<div class="table-cell">
My text,should be align middle
</div>
</div>
.table-cell-wrapper {
position: absolute;
}
.table-cell {
height: 200px;
width: 200px;
vertical-align: middle;
background: #eee;
display: table-cell;
}
