图片控制

方法一:控制图片外框高度,让布局正常,图片不出现拉伸

<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%;
}

 

posted @ 2020-06-12 15:58  嘆世殘者——華帥  阅读(149)  评论(0编辑  收藏  举报