p {font-size: 18px; font-family: 'Microsoft YaHei'; } pre { background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; padding: 6px 10px; font-family: 'Courier New', Courier, monospace; } 在網(wǎng)頁設(shè)計中，經(jīng)常需要將圖片居中顯示。然而，當我們使用HTML標簽將圖片插入到網(wǎng)頁中時，默認情況下圖片是左對齊或右對齊的。這時候，我們需要使用CSS來幫助我們實現(xiàn)圖片的居中顯示。本文將為大家介紹如何使用CSS來實現(xiàn)圖片居中顯示的方法。 方法一：使用margin屬性進行居中顯示 1. 首先，需要將圖片的display屬性設(shè)為block。 2. 接著，設(shè)置圖片左右的margin都為auto即可。 代碼如下：

img {
display: block;
margin: auto;
}

方法二：使用text-align屬性進行居中顯示 1. 將包含圖片的父元素的text-align屬性設(shè)置為center。 2. 將圖片的display屬性設(shè)置為inline-block即可。 代碼如下：

.parent {
text-align: center;
}
img {
display: inline-block;
}

以上兩種方法均可實現(xiàn)圖片的居中顯示。需要注意的是，第二種方法必須將圖片的display屬性設(shè)置為inline-block，否則text-align屬性將無法對其生效。