以三张图片为例
html
<div class="img\_container"> <div><img src="../img/cake1.jpg" alt=""></div> <div><img src="../img/cake2.JPG" alt=""></div> <div><img src="../img/cake3.png" alt=""></div> </div>图片完全填充高度：可能会失真
css
.img_container{ display:flex; } .img_container>div>img{ width: 100%; height: 200px; }
效果：
图片不失真，但是可能有一部分被截掉
css
.img_container{ display:flex; height:200px; overflow:hidden; } .img_container>div>img{ width: 100%; }
效果：
