网页中如何使尺寸大于容器的图片在容器中居中
网页中，想要排列一组图片的缩略图。现存放图片的容器尺寸已知（譬如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都有哪些镜像
4218
OpenKruise现在好多docker.io的镜像都拉不了，你们有这种情况吗？
378
容器服务ACK阿里镜像仓库哪里可以看到所有的镜像版本？
674
容器服务ACK这样一个场景：自建的k8s集群，接入互联网，是填写哪块的IP地址？
71
容器服务ACK Ingress的svc 的 type: LoadBalancer 这个类型么？
57
请问一下容器服务ACK，正式环境用docker-compose，会有问题吗？
54
容器镜像服务K8S拉取镜像失败
2538
容器服务ACK LoadBalance、Ingress、生产环境建议用哪种？
49
registry.aliyuncs.com/google_containers这个镜像仓库都有啥镜像
624
KubeVela dockerhub最近修改了路由策略，现在内地很难稳定拉取它的镜像了不知道怎么改?
113
展开全部
