控制图片为display: inline-block; vertical-align: middle;可以使之居中(原理个人不是很理解)。
<div>
<span> 哈哈哈 </span>
<span> 慢着
</span>
<span style="display: inline-block; vertical-align: middle;">
<img src="https://cdn.jsdelivr.net/gh/quicktouch/image@main/img/2018090745818img.jpeg" width="200px"/>
</span>
</div>
<div style="display: flex;align-items:center; ">
<span> 慢着
</span>
<img src="https://cdn.jsdelivr.net/gh/quicktouch/image@main/img/2018090745818img.jpeg" width="200px" />
</div>
哈哈哈
慢着
慢着