如何使用CSS将属性设置为元素的当前宽度？

Question

我正在寻找类似于这样的语法：

.centered{
    left: calc(50% - current-width/2)
}

基本上，我需要一种引用目标元素的current-width（当前宽度）的方法，以便我可以居中一个具有灵活宽度的项目。这存在吗？

- SB2055

---

左侧: 50%; 变换: 水平位移(-50%); - Michael Coker

Answer 1

一种解决方法是将其向左移动，然后进行翻译：

.centered {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

但更好的方法是在父元素上使用Flexbox：

.centeredParent {
    display: flex;
    justify-content: center;
}

- i7nvd