网页中如何使尺寸大于容器的图片在容器中居中
网页中，想要排列一组图片的缩略图。现存放图片的容器尺寸已知（譬如50X50px），图片缩略代码已完成，缩略后得到的是一边满足长度要求一边超出长度要求的图片（譬如50X60px；60X50px之类）。求问如何实现图片在容器中居中显示，超出部分隐藏。求指教下具体代码，感激不尽。
展开
收起
1
条回答
写回答
写回答
-
提供几个方法：
- 最简单的方法是 将图片写到父层的background-image中，设置background-position: center;
- 如果一定要用的写法，先设定父层容器overflow:hidden; 然后可以使用脚本处理图片居中(假设父层是li)：
$('li > img').each(function(){
$(this).css('margin-left' : '-' + ($(this).width() / 2) + 'px')
})2019-07-17 19:13:02赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
热门讨论
热门文章
怎么查看registry.aliyuncs.com/google_containers都有哪些镜像
8825
registry.aliyuncs.com/google_containers这个镜像仓库都有啥镜像
2123
docker login报错Error response from daemon: Filtered
66
阿里云发布的全球首个容器计算服务ACS，和已有的ASK有什么区别
1355
容器服务ACK阿里镜像仓库哪里可以看到所有的镜像版本？
1245
容器服务ACK的k8s的出口IP地址在哪里看来着？
605
从阿里云镜像仓库中拉谷歌的k8s镜像，搭建k8s
714
ACS与ACK Serverless 两个产品的区别
167
容器服务ACK的节点机，磁盘空间被占满，直接使用crictl清理不用的镜像会影响kubelet么？
548
CSK中容器启动项的含义和作用
5915
展开全部
Docker CE 镜像源站
191719
Minikube - Kubernetes本地实验环境
235184
Docker的Windows容器初体验
101337
Docker学习路线图 (持续更新中)
88731
容器镜像服务 Docker镜像的基本使用
52451
Docker Engine 镜像源站
44500
福利！阿里宣布手淘安卓客户端容器化框架Atlas正式开源
17946
杜绝假死，Tomcat容器做到自我保护，设置最大连接数
20323
视觉中国：基于容器云的同城双活微服务架构上云实践
13864
详解docker中容器devicemapper设备的挂载流程
14410
展开全部
