div與image-令div剛好包裹image

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

    }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章