今天我們來聊一下如何讓圖片居中。首先，我們需要了解一下html和css的基礎(chǔ)知識(shí)。 在html中，我們可以使用img標(biāo)簽來插入圖片。例如：

<img src="picture.jpg" />

但是，這樣插入的圖片可能會(huì)顯示在頁面的左上角，而不是居中。那么該怎么辦呢？ 在css中，我們可以使用text-align屬性來讓元素居中。例如：

p {
text-align: center;
}

但是，這個(gè)屬性只能讓文字居中，并不能讓圖片居中。所以，我們需要使用另外一個(gè)屬性：display。 display屬性可以設(shè)置元素的顯示方式。常見的值有：block、inline和inline-block。其中，block會(huì)讓元素獨(dú)占一行，而inline和inline-block則不會(huì)。 那么，我們可以將圖片的顯示方式設(shè)置為inline-block，然后再使用text-align來讓其居中。例如：

<style>
img {
display: inline-block;
}
p {
text-align: center;
}
</style>
<p>
<img src="picture.jpg" />
</p>

這樣，我們的圖片就可以居中了！當(dāng)然，我們也可以將這些樣式寫在外部的css文件中，讓代碼更加整潔。 總結(jié)一下，讓圖片居中的關(guān)鍵在于設(shè)置其display屬性為inline-block，然后使用text-align屬性來讓其居中。希望這篇文章能幫助到你，祝你寫代碼愉快！