line-height多行文本垂直居中

利用display:inline-block vertical-align:middle

html

<p class="mulit_line">    <span style="font-size:12px;"><img src="https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2017-09-27/297f5edb1e984613083a2d3cc0c5bb36.png" width="50"></span></p>

css

.mulit_line{line-height:150px; border:1px dashed #cccccc; padding-left:5px;}.mulit_line span{ display:inline-block; line-height:14px; vertical-align:middle;}

效果