将属性设置为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; 
}