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

Question

我需要在窗口的中心放置一个div(with position:absolute;) 元素。但是我这样做有问题，因为 宽度是未知 的。

我试过这个。但它需要调整，因为宽度是响应式的。

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

我该怎么做？

Answer 1

  <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>