Html 使用一个元素'；s可变宽度与CSS计算

如何使用CSS calc（）或预处理器将绝对定位的元素水平居中，而不考虑元素的宽度？大意是：

.elem {
  position: absolute;
  left:50%;
  margin-left: calc(-.5 * elem.width);
}

---

我想保留一类绝对定位元素，其宽度是动态的，相对于其父div水平居中。

要水平居中绝对定位元素，请使用

左：50%使用
translateX

.elem {
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  /*To align Vertically and Horizontally
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  */
}