html - 如何创建动态 CSS 边距？

Question

我可能可以在 PHP 中执行此操作，但我必须将 CSS 包含到我的 PHP 文件中。所以，我有一个父 div，它的高度总是变化的，然后我有一个子 div，它的 width: 100%; height: 100%; 在那个子 div 中，我有文本。问题是，我想将 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; 属性。