在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中调整图片大小以适合其高度

回答

相关问题