flex 布局下图片和文字水平对齐的实现
代码如下:
html:
<div class="wrap">
<div class="img-div"><img class="img-class" src=""></div>
<div class="text-div">文字</div>
</div>
css:
.wrap {
display:flex;
justify-content:center;
align-items:center;
.img-class {
width: 4vw;
height: 4vw;
}
.text-div {
margin-left: 2vw;
line-height: 4vw;
display: inline-block;
}
}