CSS是前端開發中經常使用的樣式設計語言，其中圖片排版居中也是大家經常會用到的一個樣式。接下來，我們將會介紹幾種方法來實現圖片居中的效果。

//方法一：使用text-align
.container{
text-align: center;
}
.container img{
display: inline-block;
}

這種方法可以通過設置父容器的text-align屬性來使圖片水平居中。同時，圖片需要設置為內聯塊級元素，才能實現垂直居中的效果。

//方法二：使用margin屬性
.container{
display: flex;
justify-content: center；
align-items: center；
}

使用Flex布局是現代開發中經常使用的一種方法。以上代碼中，我們設置了父容器為Flex布局，并通過justify-content和align-items屬性將元素居中。

//方法三：使用絕對定位
.container{
position: relative;
text-align: center;
}
.container img{
position: absolute;
top: 50%;
transform: translateY(-50%);
}

最后一種方法是使用絕對定位來實現圖片居中。父容器需要設置為相對定位，圖片則通過絕對定位來實現垂直居中。通過設置top屬性為50%，再使用transform屬性將圖片向上移動圖片本身高度的一半，最終實現垂直居中。

以上是三種方法，可以根據使用情況來選擇相應的方法實現圖片居中效果。