圍繞圖片

作爲一個好奇的HTML學習者我要實現以下的事情： -圍繞圖片

但現在我想達到以下的事情： -

如果圖像是垂直像下面那麼它應該放在/開始在div.:-

enter image description here

如果中心圖像是水平像下面那麼它應該採取div的整個區域。

enter image description here

我希望我能解釋我的查詢。我已經嘗試了margin-left，但它也會移動水平圖像，而「vertical-align」CSS將無法正常工作。請幫我用CSS樣式來達到目標。

['img {display：block;保證金：0汽車;最大寬度：100％; }']（http://jsbin.com/jofibi/1/edit）祝你好運！ – 2014-10-02 17:24:44

即使在右邊存在很多空間，圖像從左側移動了一些，但不會到達div的中間。 – user1843970 2014-10-03 06:27:48

更好地提供[在線示例]（http://jsfiddle.net）來演示該問題的實際應用。 – 2014-10-03 06:32:04

那怎麼樣？

div img{ 
display:block; 
margin:0 auto; 
max-width:100%;}

2014-10-02 21:15:59

回答