divの末尾にあるスパン

-2

imgの高さによって高さが決まるdivがあります。画像の横にスパンがあります。 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） -

垂直-alignプロパティは、要素の垂直方向の配置を設定します。

これはまさにそれが使用されているものです。ポジショニングスタイルは不要です。

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

2016-05-26 17:02:55

答えて