图片控制
方法一:控制图片外框高度,让布局正常,图片不出现拉伸
<div class="left_img"> <img class="img-responsive center-block" src="img/index/j.png" alt="" /> </div> .section3 .left_img { width: 100%; height: 324px; overflow: hidden; margin-bottom: 20px; align-items: center; display: flex; }
方法二:控制图片外框高度,让布局正常,图片超出隐藏
<div class="left_img" style="background-image: url(img/gobierno_corporativo/aa.jpg);"></div> .section3 .left_img { width: 100%; height: 324px; overflow: hidden; margin-bottom: 20px; align-items: center; display: flex; border-radius: 8px; background-position: center; background-size: auto 100%; }
略懂,略懂....