CSSで要素の現在の幅にプロパティを設定しますか？

Question

私はこのようないくつかの構文を探しています：私は中心の柔軟な幅のアイテムを持つことができるように

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

基本的には、方法は、ターゲット要素のcurrent-widthを参照すること。これは存在しますか？

Answer 1

一つの答えは、それを翻訳し、それが左に移動することです：

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

をしかし、より良い方法は、親要素にフレキシボックスを使用することです：

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