有幾張高度不一樣的小圖片，如何用html+css實現在同一行垂直居中對齊？

方法一 ：使用彈性布局

 

 

 

方法二 ：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;
}