Question

有几张高度不一样的小图片，如何用html+css实现在同一行垂直居中对齐？

Answer 1

同一行的话 你说的不是很清楚 图片高度一致的情况下可以做到垂直居中
所有图片高度保持一致
样式：
height:50px;代表所有图片高度一致
width:auto;代表图片长宽比保持不变
margin:15px 5px 15px 5px;上右下左距离
外层div指定一个高度 height:80px;

垂直居中还有一种样式
首先声明
line-height:80px;
然后
vertical-align:center;
可以实现垂直居中

Answer 2

给图片外围的div盒子给这两个属性（display:table-cell; vertical-align:middle;）就行，图片img不用给任何属性。

Answer 3

可以试试vertical-align:middle;

Answer 4

引用杨佩诗yps的回答：
同一行的话 你说的不是很清楚 图片高度一致的情况下可以做到垂直居中
所有图片高度保持一致
样式：
height:50px;代表所有图片高度一致
width:auto;代表图片长宽比保持不变
margin:15px 5px 15px 5px;上右下左距离
外层div指定一个高度 height:80px;

垂直居中还有一种样式
首先声明
line-height:80px;
然后
vertical-align:center;
可以实现垂直居中

最后vertical-align的属性值应该是middle

Answer 5

在图片标签里面设置元素class 然后再css 里面设置就行。