在編寫網頁設計時，圖片的居中對于頁面的美觀度有著很重要的作用。那么，在CSS中，我們該如何使圖片居中呢？ 首先，讓我們來看一下在HTML中如何插入一張圖片：

<img src="圖片路徑">

接下來，我們需要在CSS中設置圖片居中。有以下兩種方法： 1. 使用text-align屬性

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

上述代碼中，我們讓圖片在塊級元素中展示并且設置左右的margin為auto，這樣就可以實現圖片居中了。 2. 使用flexbox布局

.wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.wrapper img {
width: 60%;
}

在上述代碼中，我們通過使用flexbox布局，將盒子設置為彈性容器并且居中顯示。同時，將圖片的寬度設為60%，這樣就可以達到圖片居中的效果了。 總的來說，只要學會以上兩種方法，就能清楚地實現圖片居中了。通過適當的CSS調整，我們能夠使頁面變得更加美觀，并且讓用戶的瀏覽效果更佳。