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>