如何 - 居中图像
了解如何使用 CSS 居中图像。
居中图片
如何居中图片
步骤 1)添加 HTML
示例
<img src="paris.jpg" alt="Paris" class="center">
步骤 2)添加 CSS
要居中图片,请将左右边距设置为 auto
并将其转换为 block
元素
请注意,如果宽度设置为 100%(全宽),则无法居中。
提示:访问我们的 CSS 图片教程 以了解有关如何设置图片样式的更多信息。
了解如何使用 CSS 居中图像。
居中图片
<img src="paris.jpg" alt="Paris" class="center">
要居中图片,请将左右边距设置为 auto
并将其转换为 block
元素
请注意,如果宽度设置为 100%(全宽),则无法居中。
提示:访问我们的 CSS 图片教程 以了解有关如何设置图片样式的更多信息。
If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]
If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]