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

Question

我正在寻找这样的语法：

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

基本上，一种引用current-width目标元素的方法，以便我可以将灵活宽度的项目居中。这存在吗？

Answer 1

一种答案是将其向左移动然后翻译它：

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

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

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