在網頁設計中，經常需要對網頁中的圖片進行居中顯示，讓頁面更加美觀。接下來，我們將介紹一些常用的CSS方法，來實現圖片居中顯示。 首先，我們需要將圖片的CSS樣式設置為塊級元素（display:block），然后再使用margin屬性來設置圖片距離父元素的上下左右的距離。代碼如下：

img{
display:block;
margin:0 auto;
}

其中，margin屬性的取值分別為0和auto。這樣就可以讓圖片在水平方向上居中顯示。 如果希望圖片在垂直方向上居中，可以使用絕對定位（position:absolute）和負值的margin-top屬性來實現。代碼如下：

img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

其中，top和left屬性設置為50%，將圖片的左上角移動到父元素的中心位置。transform屬性用來將圖片的中心點再次移動到位置，以此來實現垂直方向上的居中。 如果圖片所在的容器元素是一個固定的寬度和高度的盒子，并且想要圖片在這個盒子中水平和垂直都居中，可以使用flex布局來實現。代碼如下：

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

其中，justify-content和align-items屬性用來分別設置主軸和側軸的對齊方式。這樣就可以讓圖片在容器中水平和垂直都居中了。 以上就是幾種常用的CSS方法，來實現圖片的居中顯示。不同的方法適用于不同的場景，根據具體情況進行選擇即可。