css 图片溢出居中

问题描述

问 题

css 图片溢出居中

如图红色的框为div，绿色的框为img，img是比div要大的，现在想让img居中；
因为还要给img添加touch事件，改变img的left，top以便可以查看全部的图片，所以这里不能用background；

left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
这种方式低端的浏览器兼容不好，所以也不想用；

还有什么其他的好办法吗？

解决方案

用做轮播图的思维来做。

把img放在div里面，然后用绝对定位，移动就用js移动就好。

这篇关于css 图片溢出居中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！