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