CSS 用于設置網頁元素的樣式，其中圖片居中是網頁設計中常見的布局要求之一。本文將介紹如何使用 CSS 讓圖片靠上居中。

.img-wrapper {
display: flex;
align-items: flex-start;
justify-content: center;
}
.img-wrapper img {
max-width: 100%;
max-height: 100%;
}

以上代碼中，我們首先創建了一個名為 .img-wrapper 的 div 容器，并通過 Flex 彈性布局將其中的圖片（img）設置為頂部對齊、水平居中。通過將容器的 align-items 屬性設置為 flex-start，使圖片豎直居上，從而實現了“靠上居中”的布局效果。

此外，為了保證圖片不會溢出容器，我們還需要將 img 元素的最大寬度和最大高度均設置為 100%。

綜上所述，通過使用 CSS 中的 Flex 彈性布局和 img 元素的屬性設置，我們可以輕松地實現圖片靠上居中的布局效果。