有几张高度不一样的小图片,如何用html+css实现在同一行垂直居中对齐?
2024-10-08 19:00:58
方法一 :使用弹性布局
方法二 :CSS3 transform 属性
父级元素定位
子集元素加属性:
position: absolute;
top: 50%;
transform: translateY(-50%);
方法三: 使用伪元素和vertical-align: middle;
.parent:after {
content: ' ';
height: 100%;
vertical-align: middle;
width: 0;
}
child {
display: inline-block;
vertical-align: middle;
}
最新文章
- POI导出Excel并下载
- 【日常笔记】datatables表格数据渲染
- Nginx反向代理tomcat
- 各种Camera,总有一款适合你(一)
- cxf动态调用wsdl的一个冲突以及解决
- neon汇编,C嵌入汇编
- C++中的static成员
- iphone关于单倍图和二倍图(导航 背景 变高)
- c# Unicode字符串的解码
- PostgreSQL学习手册(常用数据类型)
- CocoaPods安装和使用教程 分类: ios技术 ios相关 2015-03-11 21:53 48人阅读 评论(0) 收藏
- MySQL中group_concat()函数的排序方法
- hdu3507 Print Article
- MySQL事务处理案例演示
- TypeScript 函数-函数类型
- Win7下,nginx默认80端口被System占用,造成nginx启动报错
- spring boot 2整合mybatis
- Mysql连接数太多ERROR 1040 (HY000): Too many connections
- BZOJ 3878 【AHOI2014】 奇怪的计算器
- .net 中struct(结构)和class(类)的区别