Html 使用文本对齐中心居中图像

img {
    text-align: center;
}

img.center {
    display: block;
    margin: 0 auto;
}

<div style="border: 1px solid black;">
<img class="center" src ="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a">

</div>

Html相关问答推荐

如何防止SVG图标出现断行？

为什么使用Google字体的SVG徽标内的文本不能在网页上正确呈现？

禁用与行分开的边框折叠span

使用css第n个子元素，如何迭代Y组中的X个元素？

天使17：令人惊叹的动画

Firefox和Chrome在文字装饰和文字阴影方面的不同优先顺序

十进制数字不适用于格网项目的格网布局线放置中使用的SPAN关键字

布局更改时的转换

为什么一个 CSS 网格框比其他网格框低？

如何使用 HTML 将对象数组发送到 Nodejs Express

停止 Bootstrap 5 输入调整 CSS 网格单元的高度

按钮位于主 div 的底部而不是内部 Div

Github上部署需要花费几小时时间：等待github pages部署批准

如何在 Flex 对齐内容框下显示隐藏按钮和文本

pandas `to_html()` - 如何只使特定的行有边框

标签背景 colored颜色 的 html 和 css 技巧说明

将背景图像裁剪成两半

辅助功能：alt 或 alt="" 用于装饰图像

如何在没有 JS 的情况下创建带搜索的 Select 菜单

使用 htmloutput 在shiny 的应用程序中呈现文本