css - 如何在 div 中将绝对定位的元素居中?

标签 css css-position center absolute

我想在窗口中央放置一个 div(带有 position:absolute;)元素。但是我在这样做时遇到了问题,因为宽度未知

我尝试了以下 CSS 代码,但需要进行调整,因为 width 是响应式的。

.center {
  left: 50%;
  bottom: 5px;
}

我怎样才能做到这一点?

最佳答案

这对我有用:

#content {
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 100px; /* Need a specific value to work */
}
<body>
  <div>
    <div id="content">
      I'm the content
    </div>
  </div>
</body>

关于css - 如何在 div 中将绝对定位的元素居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43528666/

相关文章:

css - 视频未在 Iphone 设备中显示

html - CSS:作为html代码的背景图像

wordpress - 联系表单提交按钮定位

html - 使链接图像相对于背景图像中心

python - 如何居中对齐 numpy.savetxt 生成的文本?

css - z-index 高于下图的居中文本 (CSS)

html - 响应图像,固定比例。无法让代码工作

html - 如何在 CSS 中设置表单提交按钮的样式?

css - 固定元素在特定高度可见

css - 相对 div 没有包装其绝对内容...有人知道解决方案吗?