img,bg
2024-10-21 04:56:49
img
vertical-align:middle; 设置页面垂直居中的,如果无效的话使用 display:table-cel,讲块元素转化为单元格,在使用vertical-align属性水质居中。
max-width:100%; 限制了图片大小。图片本身是多大就是多大。不会超过100%的宽度;
width:100%; 始终和父级相等,父级是100px;图片的100%=100px;父级是 500px,图片100%=500px;
也可以利用行高来解决垂直居中:
css:
.d1{ width:50px; height:150px; line-height:150px;}
.d1 img{ width:100%; max-width:50px; max-height:60px; }
html:
<div class="d1">
<img src="aa.png" />
</div>
background:
background-size:cover;把背景图片扩展至足够大,以使背景图片完全覆盖背景区域。
background-size:contain;把背景图片扩展至最大尺寸,以使宽度和高度完全适应内容区域。
最新文章
- zlib压缩一个文件为gzip格式
- R语言-实用数据对象处理函数
- IOS: 模型面数控制
- TIJ读书笔记08-数组的初始化和可变长参数形参
- Material Design UI Widgets
- apache性能优化
- SQL Server 中使用参数化Top语句
- 第m个全排列
- Mysql学习笔记(一)数据类型
- Bash shell 简单的并行任务,并等待
- 如何让CSS区别IE版本
- Javascript流程控制
- 05 Activity生命周期
- 结巴(jieba)分词
- Code::Blocks + GDAL
- 51nod 1042数字0-9的数量
- mongodb的学习-3-在Mac上的安装配置
- day04<;Java语言基础+>;
- 使用python操作Memcache、Redis、RabbitMQ、
- lintcode 二分查找
热门文章
- [GO]将随机生成的四位数字拆分后放到一个切片里
- git之对比svn
- Reading Text-based Files In ASP.NET
- 编写高质量代码改善C#程序的157个建议——建议50:在Dispose模式中应区别对待托管资源和非托管资源
- (一)在HTML页面中实现一个简单的Tab
- 中介者(Mediator)模式
- C#操作excel打印
- Bitnami WordPress无法修改MySQL root的默认密码的解决方法?
- ### 20165219 2017-2018-2《Java程序设计》结对编程一 第二周总结
- windows如何通过端口查看对应程序