<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>未知图片宽高居中</title>
<style type="text/css">
.div-1 {
width: 200px;
height: 200px;
border: 1px solid red;
text-align: center;
display: table-cell;
vertical-align: middle;
}
</style>
</head>
<body>
<div class="div-1">
<img src="img/11111.jpg" />
</div>
</body>
</html>未知图片宽高水平垂直居中
2016-03-28
1960
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
7月前
|
自然语言处理
前端开发
API
|
5月前
CSS3 背景图片显示尺寸(放大/缩小背景图)(background-size) (背景适配 自适应)
CSS3 背景图片显示尺寸(放大/缩小背景图)(background-size) (背景适配 自适应)
29
0
0
|
8月前
|
JavaScript
|
8月前
|
小程序
JavaScript
|
9月前
|
前端开发
容器
|
前端开发
|
前端开发
JavaScript
|
Web App开发
iOS开发
CSS3 box-shadow 效果大全（内阴影，外阴影，三边阴影，双边阴影，单边阴影，细线描边…）
CSS3 box-shadow 效果大全（内阴影，外阴影，三边阴影，双边阴影，单边阴影，细线描边…）
622
0
0
div高度自适应宽度按比例放大
导语：我们经常会碰到这样的需求：要求div高度跟随宽度变化而变化。在手机端，一张图片作为div的背景图，图片宽高比不一致，并要求div宽高比与图片宽高比一致；怎么实现这种需求呢？
原理
padding-top: 50%;用这个属性的百分比，padding-top的百分比是相对于父元素的宽度，比如：...
1675
0
0
|
Web App开发
前端开发
JavaScript
实现图片水平垂直居中
985
0
0
热门文章
最新文章
1
疑犯追踪第一季/全集Person Of Interest迅雷下载
2
【直播系列之一】1篇文章看懂峰值带宽、流量、转码、连麦、截图五大直播计费方式
3
理解事务的4种隔离级别
4
阿里云网站域名备案流程全过程讲解(图文)
5
在服务器的raid1中安装windows server系统（踩坑记录）
6
如何用Vue实现简易的富文本编辑器，并支持Markdown语法
7
怎么才能快速提高小程序留存率！
8
程序员请放下浮躁的心
9
如何解决域中普通用户只限于10台客户机加入域的数量问题
10
博客园模板 样式优化
1
未来技术纵横谈：区块链、物联网与虚拟现实的融合与创新
34
2
软件体系结构 - 缓存技术（9）缓存穿透
30
3
提升Android应用性能的实用技巧
31
4
工具变量法(两阶段最小二乘法2SLS)线性模型分析人均食品消费时间序列数据和回归诊断（下）
32
5
软件体系结构 - 缓存技术（8）缓存雪崩
35
6
软件体系结构 - 缓存技术（7）Redis持久化方法
36
7
Python用KShape对时间序列进行聚类和肘方法确定最优聚类数k可视化
24
8
软件体系结构 - 缓存技术（6）淘汰策略
31
9
基于R语言股票市场收益的统计可视化分析
34
10
软件体系结构 - 数据分片（2）一致性哈希分片
35