如何 - 居中图片
❮ 上一个 下一个 ❯
了解如何使用 CSS 居中图片。
居中图片
如何居中图片
步骤 1) 添加 HTML
示例
步骤 2) 添加 CSS
要居中图片，请将左右外边距设置为 auto 并将其设为 块级 元素
示例
.center { display: block; margin-left: auto; margin-right: auto; width: 50%;}
自己动手试一试 »
请注意，如果宽度设置为 100%（全宽），则无法居中。
提示：请访问我们的 CSS 图片教程，了解更多关于如何样式化图片的信息。
❮ 上一个 下一个 ❯
★ +1
W3schools 学习路径
跟踪您的进度 - 免费！
登录 注册