CSS實現圖片居中是網頁布局中很重要的一項技能。為了保證網頁的整體美觀，圖片往往需要在頁面中居中展示，下面就介紹幾種方法：

/*方法一：使用display:flex實現圖片居中*/
.container{
display: flex;
align-items: center;
justify-content: center;
}
.container > img{
display: block;
}
/*方法二：使用position屬性實現圖片居中*/
.container{
position: relative;
}
.container > img{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
/*方法三：使用text-align屬性實現圖片居中*/
.container{
text-align: center;
}
.container > img{
display: inline-block;
}
/*方法四：使用margin屬性實現圖片居中*/
.container > img{
display: block;
margin: 0 auto;
}

以上四種方法都可以實現圖片在頁面中居中展示，具體應用需要根據實際情況選擇。值得注意的是，如果圖片寬度超過了容器寬度，那么圖片居中就會失效，此時可以采取裁剪或縮小圖片等方式來解決。