使用css将文本居中于％

Question

如果我使用text-align: center;，那么我可以将文字放在中心位置

但我希望将文本居中于75％或X％，以便实现这一目标：

我如何用css实现这个目标？

编辑：

使用left: 75%或margin-left: 75%呈现如下内容：

Answer 1

您可以使用margin和translateX的混合：

.measure {
  width: 75%;
  border-right: 1px solid red;
  box-sizing: border-box;
  height:10px;
}

span {
  margin-left: 75%;  /* your 75% */
  transform: translateX(-50%);   /* centered */
  display:inline-block;
}

<div class="measure"></div>
<span>75%</span>

Answer 2

将内容放入左边距为50％的容器中，然后将其放在其中。

body { margin: 0; padding: 0; }
div { text-align: center; margin: 0 0 0 50%;
border: 1px solid #00c; }

<div>Example</div>