將屬性設置爲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; 
}