Question

我确实无法对齐rec标签中的文本。然后是代码和描述情况的两张图片。

HTML：

FnX(int, int)

我确实想将文本左对齐到rect-tag的开头。随附的是调试模式下的图片，以查看哪个元素有多长时间以及它们如何相互配合。我尝试用transform：translate（-5％，-0％）。这有效，但它不会使它们仍然居中对齐，但我至少可以阅读。最好将文本也向左对齐。我将不胜感激。 text tag rect tag

Answer 1

我不确定您要的是什么。

您是否希望文本在rect标签的内部中并向左对齐？这样吗？

.viz-axis-label-rect {
  background-color: yellow;
  display: block;
  width: 100%;
}

g text {
  text-align: left;
}

<g class="v-label v-morphable-label viz-axis-label v-axis-item index_0" fill="#333333" font-size="10px" font-weight="normal" font-family="'72-Web',Arial,Helvetica,sans-serif" font-style="normal" categorylabel-id="0" transform="translate(0,0)">
  <rect class="viz-axis-label-rect" fill="transparent" x="1" y="1" width="161.85644531" height="12.475" style=" width: 100%; display: block;">
    <g class="v-axis-label-wrapper">
      <g>
        <text x="129.52148437" y="11.2375">DACH</text>
      </g>
    </g>
  </rect>
</g>

CSS文本对齐覆盖x y

1 个答案: