CSS如何定義圖片垂直居中？

img {
display: block;
margin: 0 auto;
}

要讓圖片垂直居中，需要在父元素中添加一些樣式。

.container {
display: flex;
align-items: center;
}

Flexbox布局是一種簡便的實現垂直居中的方式。使用align-items屬性來將內容在交叉軸上垂直居中。

.container {
position: relative;
}
img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

另一種方法是使用絕對定位來定位圖片。設置父元素為相對定位，子元素為絕對定位，并使用top屬性將其垂直居中。