CSS垂直對齊圖像右

Question

我想將圖像對齊到div的右側，div未設置爲特定高度，圖像也不是圖像，圖像是用戶生成的。

無論如何，我嘗試使用舊的HTML4方法用於圖像對準一個div的權利：

<img src="link" align="right" /> 

還有一些閱讀中，我發現，它並沒有在HTML5支持後，讓我再閱讀，發現有一個名爲垂直對齊 CSS樣式，我想補充說，我的圖像，像這樣：

<img src="link" style="vertical-align:right;" /> 

但是沒能正常工作。

我只是想圖像移動到div的右側。

Answer 1

的float旁邊的另一個解決方案：

<div id="ParentImg"> 
<img src="link"/> 
</div> 

CSS：

#ParentImg { 
text-align: right; 
} 

或：

<div style="text-align:right;"> 
<img src="link"/> 
</div> 

Answer 2

垂直向右對齊？對我來說似乎不合適。您可以在圖像上使用float，或者在父div上使用text-align：right。

Answer 3

您可以使用<span></span>標記代替<div>標記，然後更改它的樣式。

<span style='text-align:right'> 
    <img src="link" /> 
</span>