vue 大量图片展示_vue中多图展示，随着图片数量增多高度自适应，css设置无效...

已通过设置height: auto !important;或定义最小高min-height: 80px;图片展示还是无法自适应高度，会遮挡下面div的文字

父组件：

.proofImg{

width: 370px;

height: 150px;

/*height: auto;*/

display: inline-block;

flex-wrap: wrap;

}

.describeFont{

margin-left: 2.2px;

}

子组件：imgViewer.vue

显示已上传图片：

:key="index"

:src="fileImgFun(item)"

alt=""

@click="clickHandler"

:preview-src-list="fileImges"

class="showElImg"

>

.manyImgShow {

height: 80px;

height: auto !important;

}

.showElImg{

/*display: inline-block;*/

width: 50px;

height: 50px;

padding-right: 10px;

}

求教如何使整个外部的height自适应，不遮挡底部文字？