在div中調整圖片大小以適合其高度

我有一個div，裏面有6張圖片。圖像是不同的大小和比例。有沒有辦法在css中調整它們的大小以適合div，而不是分別指定它們中的每一個的大小？在div中調整圖片大小以適合其高度

<div class="col-md-8 col-md-offset-2 pt-30"> 
    <img src="img/exploded/6.png" id="img6" class="wow fadeInDown" data-wow-delay="1.5s"/> 
    <br> 
    <img src="img/exploded/5.png" id="img5" class="wow fadeInDown" data-wow-delay="1.3s"/> 
    <br> 
    <img src="img/exploded/4.png" id="img4" class="wow fadeInDown" data-wow-delay="1.1s"/> 
    <br> 
    <img src="img/exploded/3.png" id="img3" class="wow fadeInDown" data-wow-delay="0.9s"/> 
    <br> 
    <img src="img/exploded/2.png" id="img2" class="wow fadeInDown" data-wow-delay="0.7s"/> 
    <br> 
    <img src="img/exploded/1.png" id="img1" class="wow fadeInDown" data-wow-delay="0.5s"/> 
</div>

來源

2015-09-23 Luka

'img {max-width：100％; max-height：100％}' – vivekkupadhyay

如果你可以做一些小提琴演示。這對我們更有幫助 – locateganesh

#your-img { 
height: auto; 
width: auto; 
max-width: 300px; 
max-height: 300px;}

您可以使用您的％或PX喜歡的任何值。只是玩數值。

來源

2015-09-23 13:21:36

img { width: 100% ; max-height: auto; }

應該給你你想要的東西

編輯：交換CSS元素

來源

2015-09-23 13:10:08

如果我這樣做，那麼每個圖像的高度都設置爲100％，所以div只包含第一個圖像，其餘部分都隱藏起來... – Luka

對不起，試試其他方式？交換寬度和高度 –

如果這不起作用，那麼「適合div」是什麼意思？ –

在div中調整圖片大小以適合其高度

回答

相關問題