垂直对齐

Question

我有以下代码：

<div style="height: 120px; background: none repeat scroll 0% 0% rgb(45, 144, 234); color: rgb(255, 255, 255); vertical-align: bottom;">
    <div style="vertical-align: bottom; height: 120px;">
        <h2 style="vertical-align: bottom; height: 120px;">text</h2>
    </div>
</div>

我无法将文本放置到嵌套 div 的底部。我无法使用 padding-top 或 margin-top，因为我偶尔会进行文本换行。

有人可以建议我吗？

Answer 1

<div style="display:table-cell; vertical-align:bottom;">Personal Information</div>

Answer 2

<div style="height: 120px;">
    <div style="height: 120px;">
        <h2 style="position: absolute; bottom: 0">text</h2>
    </div>
</div>

那应该有效。

现在，无论 h2 文本有多长，它都会保留在 div 的底部。