其中最主要的两点是使用table–cell和vertical-align: middle,不多说,直接上代码。
<div class=box>
<div>
<img src="url" alt="">
</div>
<div>
<span>多行文字</span>
</div>
</div>
`
.box>div{
display: table-cell;
vertical-align: middle;
height: 100px;
}
.box>div>img{
width: 124px;
height: 100px;
vertical-align: middle;
}
.box>div>span{
vertical-align: middle;
}