跨越div的底部

Question

我有div，其高度由img的高度决定。 图像旁边有一个跨度。我希望跨度位于div的底部（img的下边缘和文本的下边缘在同一行上）。 我试过这段代码：

<div style="position: relative;">
 <img src="">
 <span style="position:absolute; bottom: 0;">Some text</span>
</div>

但它不起作用。怎么做？

Answer 1

使用vertical-align（文档here） -

  

vertical-align属性设置元素的垂直对齐方式。

这正是它的用途。无需定位样式。

＆＃13;

＆＃13;

<div>
 <img src="http://placehold.it/300x300.jpg">
 <span style="vertical-align:bottom">Some text</span>
</div>

＆＃13;

＆＃13;

＆＃13;