博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
img绝对定位在div中间,img上下稍微移动问题
阅读量:6289 次
发布时间:2019-06-22

本文共 584 字,大约阅读时间需要 1 分钟。

问题展示:

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;

}

 

转载于:https://www.cnblogs.com/yuan-luo/p/9023592.html

你可能感兴趣的文章
LINUX常用命令
查看>>
百度云盘demo
查看>>
概率论与数理统计习题
查看>>
初学structs2,简单配置
查看>>
Laravel5.0学习--01 入门
查看>>
时间戳解读
查看>>
sbin/hadoop-daemon.sh: line 165: /tmp/hadoop-hxsyl-journalnode.pid: Permission denied
查看>>
@RequestMapping 用法详解之地址映射
查看>>
254页PPT!这是一份写给NLP研究者的编程指南
查看>>
《Data Warehouse in Action》
查看>>
String 源码浅析(一)
查看>>
Spring Boot 最佳实践(三)模板引擎FreeMarker集成
查看>>
Fescar 发布 0.2.3 版本,支持 Redis 和 Apollo
查看>>
Google MapReduce到底解决什么问题?
查看>>
CCNP-6 OSPF试验2(BSCI)
查看>>
Excel 2013 全新的图表体验
查看>>
openstack 制作大于2TB根分区自动扩容的CENTOS镜像
查看>>
Unbuntu安装遭遇 vmware上的Easy install模式
查看>>
几个常用的ASP木马
查看>>
python分析postfix邮件日志的状态
查看>>