Wie Sie div-Element auf der Unterseite in Zelle
Möchte ich den Inhalt des zweiten div unten bündig mit der Bild.
HTML:
<table>
<tr>
<td>
<div>
<div style="float: left;">
<img src="http://www.online-image-editor.com//styles/2014/images/example_image.png" style="max-width: 200px; max-height: 200px;"/>
</div>
<div style="float: right; vertical-align: bottom;">
I want this text be on the same line as the bottom of the image
</div>
</div>
</td>
</tr>
</table>
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie dies mit der
table
undtable-cell
Eigenschaften von Anzeige.HTML:
Obwohl ich würde vorschlagen, Sie tun das styling auf einer separaten CSS-Datei oder eingebettet werden, anstatt das hinzufügen von inline. Beispiel:
CSS:
HTML:
Wenn Sie wollen, um den text an der Unterseite, aber auch zentriert, Sie können hinzufügen
text-align: center
.Können Sie hinzufügen
display: table-cell
zudiv
Elemente innerhalb der Tabelle:CSS:
HTML:
Fügen Sie margin-top zu Ihrem zweiten div-und wird ausgerichtet, um der rechten unteren Ecke des Bildes
Bitte versuchen Sie dieses:
HTML:
DEMO