使用 CSS 将图片居中
cssweb developmentfront end technology更新于 2024/7/24 19:24:17
要将图片居中,请使用 margin-left、margin-right 和 block CSS 属性。您可以尝试运行以下代码将图片居中
示例
img {
border: 2px solid orange;
border-radius: 3px;
padding: 7px;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

相关文章
使用 CSS Animation 为 transform 属性添加动画
CSS word-spacing 属性动画
CSS width 属性动画
CSS outline-color 动画
CSS text-decoration-color 属性动画
在 CSS perspective-origin 属性上执行动画
CSS text-shadow 属性动画
CSS text-indent 属性动画
CSS top 属性动画
CSS outline-offset 属性动画
有用资源
css 参考教程 - 该教程包含有关 css 的更多信息:https://www.w3schools.cn/css/
打印
下一节:如何动态创建"@-Keyframe"CSS 动画? ❯❮ 上一节:如何使用 CSS 缩小图片使其响应式显示