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

Posted harold-hua

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制图片外框高度,让布局正常,图片不出现拉伸相关的知识,希望对你有一定的参考价值。

<div class="left_img">
    <img class="img-responsive center-block" src="img/index/j.png"  />
</div>

.section3 .left_img {
    width: 100%;
    height: 324px;
    overflow: hidden;
    margin-bottom: 20px;
    align-items: center;
    display: flex;
}

 

以上是关于控制图片外框高度,让布局正常,图片不出现拉伸的主要内容,如果未能解决你的问题,请参考以下文章

ueditor 图片选区错位问题,图片无法正常缩放

IE6 中div的background-image图片高度被拉伸了,怎么解决?其他浏览器正常

[IOS] 详解图片局部拉伸 + 实现图片局部收缩

如何让网页背景图片随窗口的大小而拉伸或缩小?

小程序图片 mode 设置为 widthFix 图片显示瞬间竖向拉伸变形闪烁

arcgis出图的外框不显示