不知道大家寫頁面的時候有沒有碰到這樣的情況：
一個div標簽里包含了一個img標簽和一個span標簽，想讓他們垂直居中對齊，然后一般情況下我們會給div加line-height,給圖片用vertical-align: middle，
雖然這樣有時候是可以達到我們要的效果，但是有些時候你會發現文字和圖片會有點偏下，（如下圖）
我的解決辦法是：
給img設置display：block。
然后給span、img的父級div設置display:flex;align-items:center;justify-content:center;就可以垂直居中對齊了