javascript - 垂直对齐同一容器中的底部和顶部

Question

我正在尝试将文本放在顶部，将 img 放在容器底部。 对齐底部不起作用

<th id="ship_method"  colspan="1" rowspan="1">
<div style="vertical-align:top;">Ship Method</div>
<div style="vertical-align:bottom;">
<img  src="unsortImg.png">
</div>
</th>

Answer 1

vertical-align style 仅适用于容器元素(在本例中为 <th> )，不适用于您尝试对齐的元素。所以你不能使用 vertical-align在同一容器中以不同方式对齐两个元素。

相反，您可以使用绝对定位将两个元素放在顶部和底部。一定要让你的容器position:relative .在此处查看演示: http://jsfiddle.net/8qUeD/