img絕對定位在div中間,img上下稍微移動問題


問題展示:

div{

  position: relative;

  width:100px;

  height:100px;

}

div>img{

  position: absolute!important;

  width: 100%;

  left: 50%;

  top: 50%;

  transform: translateY(-50%,-50%);

  -webkit-transform:translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  display: block;

}

在chrome是不會抖動,但是在搜狗瀏覽器上圖片會上下抖動

解決方法:

div>img{

  position: absolute!important;

  width: 100%;

  left: 0;

  top: 0;

  right:0;

  bottom:0;

  margin:auto;

  display: block;

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM