如何 - 居中图片
了解如何使用 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
