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的底部。我不能使用填充顶部或边缘顶部，因为我偶尔会有文字包装。

有人可以建议我吗？

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的底部。

在<div> </div> </h2>中的vertical-align <h2>

2 个答案: