如何使用CSS讓圖片居于屏幕中央呢？以下是一些方法：

/*方法一：使用Flexbox*/
.container {
display: flex;
justify-content: center;
align-items: center;
}
.container img {
max-width: 100%;
max-height: 100%;
}
/*方法二：絕對定位*/
.container {
position: relative;
}
.container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*注意要加上以下兩行*/
max-width: 100%;
max-height: 100%;
}
/*方法三：使用計算*/
.container img {
position: absolute;
top: calc(50% - 50vh);
left: calc(50% - 50vw);
/*注意要加上以下兩行*/
max-width: 100%;
max-height: 100%;
}

以上三種方法各有特點，可以根據具體情況選擇使用。需要注意的是，要使圖片在屏幕中央，還需要設置其最大寬度和最大高度為100%。