如何 - 居中圖片
瞭解如何使用 CSS 居中圖片。
居中圖片
如何居中圖片
步驟 1) 新增 HTML
示例
<img src="paris.jpg" alt="巴黎" class="center">
步驟 2) 新增 CSS
要居中圖片，請將左右外邊距設定為 auto 並將其設為 塊級 元素
請注意，如果寬度設定為 100%（全寬），則無法居中。
提示：請訪問我們的 CSS 圖片教程，瞭解更多關於如何樣式化圖片的資訊。
瞭解如何使用 CSS 居中圖片。
居中圖片
<img src="paris.jpg" alt="巴黎" class="center">
要居中圖片，請將左右外邊距設定為 auto 並將其設為 塊級 元素
請注意，如果寬度設定為 100%（全寬），則無法居中。
提示：請訪問我們的 CSS 圖片教程，瞭解更多關於如何樣式化圖片的資訊。
如果您想將 W3Schools 服務用於教育機構、團隊或企業，請傳送電子郵件給我們
sales@w3schools.com
如果您想報告錯誤，或想提出建議，請傳送電子郵件給我們
help@w3schools.com
