在網頁設計中，圖片是一個必不可少的元素。有時候我們需要將圖片居中顯示，這在設計網站時是很常見的。那么，該如何使用 CSS 讓圖片居中呢？ 我們可以使用以下方法： 1. 使用 text-align 屬性讓圖片水平居中 我們可以將圖片包裹在一個 div 標簽中，設置這個 div 的 text-align 屬性為 center，像這樣： `````` 這個 div 的寬度將會自適應內容寬度，并使圖片水平居中。 2. 使用 margin 屬性讓圖片水平居中 我們可以對圖片使用 margin 屬性來使其水平居中。假設圖片的寬度為 300px，我們可以將其左右 margin 值設為 auto，像這樣： `````` 這樣，圖片就可以自適應其容器的寬度，并在容器中水平居中。 3. 使用 flex 屬性讓圖片水平居中 我們也可以使用 flex 屬性來讓圖片水平居中。將圖片包裹在一個 div 標簽中，設置這個 div 的 display 屬性為 flex，并設置其 justify-content 屬性為 center，像這樣： `````` 這樣，圖片就可以自適應其容器的寬度，并在容器中水平居中。 無論使用哪種方法，我們都能將圖片居中顯示。這些方法都非常簡單，希望本文能對您有所幫助。