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