html - 垂直对齐块标签中的一些文本

Answer 1

父元素需要 display:table 然后你想要的元素在底部有 display:table-cell; 对齐：底部；

Answer 2

你的目标浏览器是什么？这在 IE8.0.6 和 FireFox 3.5.8 中对我来说很好用：

<a style="display:block;height:200px;width:200px;background:blue;display:table-cell;vertical-align:bottom;">This is a test</a>

请注意，我同时使用了display:table-cell;和vertical-align:bottom;。你两个都需要；不确定你是否尝试过。

如果这给您带来麻烦（您的目标是 IE6 吗？）您将不得不将您的<a>元素放在块级元素中，然后定位它。

<div style="position:relative;top:0px;left:0px;height:200px;width:200px;background:yellow;">
    <a style="position:absolute;bottom:0px;">Your text</a>
</div>