Question

所以我有一个最小高度为100％的div; （屏幕的100％或更多）。孩子持有内容并需要垂直居中，但它可能会将父母扩展到其大小的100％以上。这个孩子身高可变。

那么只有css（3）才能这样做吗？

Answer 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上进行简单搜索即可获得结果。