所以我有一个最小高度为100%的div; (屏幕的100%或更多)。孩子持有内容并需要垂直居中,但它可能会将父母扩展到其大小的100%以上。这个孩子身高可变。
那么只有css(3)才能这样做吗?
答案 0 :(得分:1)
使用display: table;
和display: table-cell;
属性。
外部DIV需要display: table;
和内部DIV display: table-cell;
以及vertical-align: middle;
。现在,您将模仿td
的默认显示。
<强> CSS 强>
.parent {
min-height: 100%;
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
}
<强> HTML 强>
<div class="parent">
<div class="child">child</div>
</div>
这个问题经常被问到。在SO或Google上进行简单搜索即可获得结果。