css中圖片的上下對齊方式很重要，它能夠使我們的網站更加美觀，下面我們來了解一下幾種圖片上下對齊的方式。

img {
vertical-align: middle;
}

第一種方式是使用vertical-align屬性來實現圖片上下對齊。我們可以將vertical-align設置為middle來使圖片在行內垂直居中。如果想要圖片在文字的底部對齊，可以設置為bottom。

.image-wrapper {
display: flex;
align-items: center;
justify-content: center;
}

第二種方式是使用flexbox。我們可以創建一個包含圖片的容器，使用display: flex;來將容器內的元素變成flex items。然后，使用align-items: center; 和 justify-content: center;來使圖片在容器內水平和垂直居中。

.image-wrapper {
display: table-cell;
vertical-align: middle;
text-align: center;
}

第三種方式是使用table和table-cell屬性。我們可以創建一個table cell容器，將其display屬性設置為table-cell，再使用vertical-align: middle;和text-align: center;屬性來使圖片在父容器中垂直和水平居中。

以上是三種常見的圖片上下對齊方式，你可以根據自己的需求選擇最適合的方式來實現網站的美化。