CSS要素自体がコンテンツの次元を取得する

Question

これはJavaScriptを使用するとわかっていますが、CSSの次のリリースで可能か計画されているかどうかは疑問でした。

私は少しのプラットフォームで作業しており、相対的/絶対的な位置がたくさんあります。コンテンツは動的なので、静的な幅を指定するのに最適な解決策ではなく、要素は何らかの理由で中央に配置する必要があります。私は、CSSを使って表示エラーがほとんどなくても可能にしましたが、CSSの中にthisのようなものがあれば素晴らしいでしょう。だから、

element 
    position: absolute 
    top: 100px 
    right: calc(50% - this.width/2) 

、この質問が広すぎることはありませために：

今日のコード（SASS）：

element 
    position: absolute 
    top: 100px 
    right: 50% 
    margin-right: -50px (static width in %/px/em/rem/...) 

は、私が考えていた何か。今日のCSSでこの種の動作を実装する方法を知っていますか？フィーチャー・リリースでそれを実装する計画があるかどうかは分かりますか？

Answer 1

いいえ、今日は自己の財産を参照することはできません。

これが表示されますか？ ..・ホープそう

あなたの特定のサンプルでは、​​動的なコンテンツを持っている絶対位置のdivを中心に、あなたはtransform: translate

サイドノートを使用することができます：CSSは、組み合わせたとき、人はまだすることができ、プロパティをたくさん持っています以下のサンプル

div { 
 
    position: absolute; 
 
    top: 100px; 
 
    border: 1px solid; 
 
    right: 50%; 
 
    transform: translateX(50%); 
 
}

<div>Centered with dynamic content</div>