1. 首页
  2. 问题
  3. 如何在div中将绝对定位的元素居中？
小编典典

如何在div中将绝对定位的元素居中？

css

我需要在窗口中心放置一个div（带有position:absolute;）元素。但是我遇到了问题，因为 宽度未知 。

我试过了 但是，由于宽度是响应性的，因此需要对其进行调整。

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

有任何想法吗？


阅读 375

收藏
2020-05-16

共1个答案

小编典典 

<body>

  <div style="position: absolute; left: 50%;">

    <div style="position: relative; left: -50%; border: dotted red 1px;">

      I am some centered shrink-to-fit content! <br />

      tum te tum

    </div>

  </div>

</body>
2020-05-16