跨度底部的div

-2

我有div，其高度由img的高度決定。圖像旁邊有一段距離。我想要一個跨度在div的底部（img的下邊緣和文本的下邊緣在同一行上）。我試過這段代碼：跨度底部的div

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

但它不起作用。怎麼做？

2016-05-26 Robin71

看看'顯示：直列block' –

你不能只是插入一個''
形象和跨度之間並刪除絕對定位？ – j08691

關於你想要做什麼，有很多困惑。你想要達成的目標將大大幫助我們幫助你。 –

使用vertical-align（文檔here） -

的垂直對齊屬性設置元素的垂直對齊方式。

這正是它的用途。無需定位樣式。

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

2016-05-26 17:02:55

回答