CSS元素基于内容获取自身的维度

Question

我知道这是我们将使用JavaScript的东西，但我想知道它是否可能或计划在下一版本的CSS中使用。

我在一个小平台上工作，并且有很多相对/绝对的位置。内容是动态的，因此它不是指定静态宽度的最佳解决方案，元素必须以某种方式居中。我只使用CSS几乎没有显示错误，但是如果在css中有类似this的内容，那就太棒了。

今天的代码（SASS）：

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

我在考虑的事情：

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

所以，不要让这个问题过于宽泛。你知道在今天的CSS中实现这种行为的某种方式吗？如果没有，你知道是否有一些计划在功能发布中实现它？

Answer 1

不，今天不可能引用自己的财产。

它会来吗？希望如此

在您的特定示例中，以具有动态内容的绝对定位div为中心，您可以使用transform: translate

旁注：CSS有很多属性，当合并时，仍然可以达到类似的效果，如下面的示例

＆＃13;

＆＃13;

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

＆＃13;

<div>Centered with dynamic content</div>

＆＃13;

＆＃13;

＆＃13;