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

<img src="圖片路徑">

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

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

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

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

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