<div style="width: 130px; height: 80px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;">
<!--
justify-content: center;//横轴内容分布方式
align-items: center;//纵轴内容分布方式
flex-wrap: wrap;"//wrap必要时拆行,nowrap不拆行
-->
<div v-for="(item,index) in img_list2" style="display:inline-block;">
<el-image
style="width: 40px; height: 40px;margin-right: 2px;"
:src="img_list2[index]"
:preview-src-list="img_list2">
</el-image>
</div>
</div>
css---flex布局实现水平垂直居中
最新推荐文章于 2024-01-14 18:26:12 发布