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);
}