2016-05-26 18 views
-2

Ich habe div welche Höhe wird durch die Höhe der IMG bestimmt. Es gibt eine Spanne neben dem Bild. Ich möchte eine Spanne im unteren Teil der div (untere Kante von img und unteren Rand des Textes in der gleichen Zeile sein). Ich habe diesen Code versucht:Span in der Unterseite von div

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

aber es funktioniert nicht. Wie es geht?

+0

einen Blick auf 'display: inline-block' –

+0

können nicht Sie legen Sie einfach ein' '
zwischen dem Bild und Spannweite und entfernen Sie die absolute Positionierung? – j08691

+0

Es gibt eine Menge Verwirrung darüber, was genau Sie tun möchten. Ein Bild von dem, was Sie erreichen möchten, würde uns sehr helfen. –

Antwort

1

Verwenden vertical-align (Dok here) -

Die vertical-align Eigenschaft legt die vertikale Ausrichtung eines Elements.

Dies ist genau das, wofür es verwendet wird. Keine Notwendigkeit für Positionierungsstile.

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