image在外面有时会包裹一层div.但是,视图效果,经常会出现问题。
有一些解决办法。
(1),改变image的display, 如,
.top-header .left-icon img,.top-header .right-icon img{
display:block;//这样其外的div可以正好将其包裹住
width:px2rem(25px);
height:px2rem(25px);
}
(2)使用flex布局,将其外层的div使用flex布局,即display:flex,然后将其内部元素垂直居中,即align-items:center;
.arrow-right{
margin-left:px2rem(5px);
display:flex;
display:-webkit-flex;
align-items:center;//将内部图片垂直居中
}
.arrow-right img{
width:px2rem(20px);
height:px2rem(20px);
}