如何创建动态CSS边距？

Question

我可能在PHP中这样做，但我必须将CSS包含在我的PHP文件中。所以，我有一个父div，其高度总是变化的，然后我有一个子div，在那个子div中width: 100%; height: 100%;，我有文本。问题是，我想在ChildChild div内垂直居中文本。

#parentDiv {
width: 200px;
height: PHP generates this;
}
#Child {
width: 100%;
height: 100%;
}
#ChildChild {
margin: how do I do this?
}

<div id="ParentDiv">
<div id="Child">
<div id="ChildChild">
HELLO!
</div>
</div>
</div>

Answer 1

如果您的文字只有一行高，请尝试设置line-height: 100%;。否则，可以尝试遵循solution outlined here，其中涉及使用display: table-cell;属性来允许所需使用vertical-align: middle;属性。