相关疑难解决方法(0)

垂直对齐表格单元格不适用于绝对位置

http://jsfiddle.net/fQv97/

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中设置它.

有什么聪明的解决方法吗?

css vertical-alignment css-tables

25
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

css-tables ×1

vertical-alignment ×1