html - 将图像在 div 中居中对齐

标签 html css

我有以下 div

<div id="over" style="position:absolute; width:100%; height:100%>
 <img src="img.png">
</div>

如何对齐图片,使其位于div的中间和中心?

最佳答案

body {
  margin: 0;
}

#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
<div id="over" style="position:absolute; width:100%; height:100%">
  <img src="http://www.garcard.com/images/garcard_symbol.png">
</div>

JSFiddle

关于html - 将图像在 div 中居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4888223/

相关文章:

html - 如何将子列表项设置为与 css 中的父列表项不同的高度?

javascript - 为什么 Material Icons 不在 phantom js 中呈现?

css - Firefox 支持对齐基线属性吗?

css - 当父级具有相对定位时,悬停菜单的最大宽度被忽略

css - Safari 8.0 不呈现/识别 SVG 文件

javascript - HTML、JavaScript 和 CSS 中的自定义弹出框

html - 如何在 Angular 条件下为html属性设置一个值

javascript - Twitter Bootstrap 选项卡,查找事件选项卡文本

css - Primefaces 单星评分工具提示

html - 样式表或基于列表的表单,以便动态设置标签和输入字段宽度