网页中如何使尺寸大于容器的图片在容器中居中
网页中，想要排列一组图片的缩略图。现存放图片的容器尺寸已知（譬如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赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
热门讨论
热门文章
【漫画】关于容器，你是否踩过很多坑，要吐好多苦水？
4862
怎么查看registry.aliyuncs.com/google_containers都有哪些镜像
8253
registry.aliyuncs.com/google_containers这个镜像仓库都有啥镜像
1845
容器服务ACK IDC自建的k8s能接入到阿里云的arms吗？
128
容器服务ACK阿里镜像仓库哪里可以看到所有的镜像版本？
1161
阿里云发布的全球首个容器计算服务ACS，和已有的ASK有什么区别
1265
使用自建Docker下载镜像慢，配置的镜像加速器为容器镜像服务提供的阿里镜像加速器
1100
Linux中的base 容器的参数enabled和gpgcheck的含义分别是什么？
5299
宜搭中节点-循环容器的使用场景怎么使用
1334
VM17 安装k8s组件时 报错4.3
935
展开全部
Docker CE 镜像源站
442516
Docker Engine 镜像源站
44368
100个容器周边项目，点亮你的容器集群技能树
18738
福利！阿里宣布手淘安卓客户端容器化框架Atlas正式开源
17921
Kubernetes中将Delete类型的PV更新为Retain类型
18073
Docker的Pull Digest和Image ID
15529
脏牛（Dirty Cow）快速指南
14898
利用Docker轻松玩转Cassandra
12012
基于容器服务的持续集成与云端交付（三）- 从零搭建持续交付系统
8521
Learn Influxdb the hard way (1) - Overview of the architecture
9246
展开全部
