实现img 图片与文字对齐，图标与标题对齐

image.png

html：

 <div>
                <span class="sys-icon-mini-arrow-left" @click="detailBack"></span>
                <span class="title"> 这是标题</span>
            </div>

css ：

这里图标的大小 font-size和文字一样的话就是对齐的，但是图标太小，调大 font-size之后就对不齐了。所以float 脱离文档流，设置高度和行高和文字一样即可。

.title {
    height: 28px;
    font-size: 20px;    
    line-height: 28px;
}
.sys-icon-mini-arrow-left {
    float: left;
    height: 28px;
    line-height: 28px;
   font-size: 40px;    
}