使用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;
}