单行图片与文字垂直居中、图片和span水平垂直居中问题

这是百度的方案

单行图片与文字垂直居中、图片和span水平垂直居中问题_第1张图片


这是我的

单行图片与文字垂直居中、图片和span水平垂直居中问题_第2张图片


吐槽

**其实 span 是行内元素 完全没有必要 改为行内块 **

搜索历史

icon 清除

/* 搜索历史 */
.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;
}

你可能感兴趣的:(html5)