CSS是網頁設計中非常重要的一種語言，它可以控制網頁的樣式和布局。而CSS中的圖片定位是非常關鍵的部分。以下是一些方法來讓圖片始終居中。

//方法一：相對定位和負邊距
img{
position: relative;
left: 50%;
margin-left: -50px; /*圖片寬度的一半*/
}
//方法二：絕對定位和負邊距
div{
position: relative; /*父元素需要相對定位*/
}
img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
//方法三：flex布局
.container{
display: flex;
justify-content: center;
align-items: center;
}
img{
max-width: 100%;
max-height: 100%;
}
//方法四：grid布局
.container{
display: grid;
place-items: center;
}
img{
max-width: 100%;
max-height: 100%;
}
//方法五：text-align和line-height
div{
text-align: center;
line-height: 200px; /*容器的高度*/
}
img{
vertical-align: middle;
max-height: 100%;
}

以上是五種可以讓圖片始終居中的方法。它們各有不同的適用場景，可以根據實際情況選擇其中一種方法進行使用。