首页 > 代码库 > 【转载】高度不一样的图片如何用html+css在同一行内垂直居中对齐？
【转载】高度不一样的图片如何用html+css在同一行内垂直居中对齐？
转载自https://www.zhihu.com/question/40851161
知乎用户：薛定谔的猫
侵删
<div>
<img src="http://www.mamicode.com/img1.png">
<img src="http://www.mamicode.com/img2.png">
</div>
1.
div{
height: 400px;
line-height: 400px;
vertical-align: middle;
}
img {
vertical-align: middle;
}
2.
div{
display: table-cell;
vertical-align: middle;
}
img {
vertical-align: middle;
}
3.
img {
vertical-align: middle;
}作者：薛定谔的喵
链接：https://www.zhihu.com/question/40851161/answer/129108417
来源：知乎
著作权归作者所有，转载请联系作者获得授权。
【转载】高度不一样的图片如何用html+css在同一行内垂直居中对齐？
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。