这是百度的方案
这是我的
吐槽
**其实 span 是行内元素 完全没有必要 改为行内块 **
<div class="searchHis"><div class="topHis"><p class="fl titHis">搜索历史</p><p class="fr delHis"><img src="../img/dels_help.png" alt="icon"> <span>清除</span></p></div></div>
/* 搜索历史 */.searchHis,.topHis{overflow: hidden;font-size: .3rem;padding:0 .3rem;box-sizing: border-box;color: #333;}.delHis{font-size: .26rem;}.topHis{line-height: .3rem;}.delHis span{vertical-align: middle;}.delHis img{width: .24rem;height: .26rem;}
如果觉得《单行图片与文字垂直居中 图片和span水平垂直居中问题》对你有帮助,请点赞、收藏,并留下你的观点哦!