如何移除SVG中text元素的x、y属性并实现文本居中？

直接修改你的SVG代码，通过以下方式实现需求：

<svg style="background:pink; width: 500px; height: 200px;">
  <style type="text/css">
      .text {
          font-family:'Arial';
          font-size:92px;
          color: #000000;
          text-anchor: middle; /* 水平居中对齐 */
          dominant-baseline: middle; /* 垂直居中对齐 */
      }
  </style>
  <text class="text" transform="translate(50%, 50%)">Your text</text>
</svg>

关键说明： #

• 给SVG指定宽高（示例设为500px宽、200px高），避免自适应布局导致的居中偏差；如果需要响应式效果，也可以改用百分比单位。
• 给文本类添加text-anchor: middle，让文本以自身中心为基准完成水平对齐；dominant-baseline: middle实现垂直方向的居中对齐。
• 通过transform="translate(50%, 50%)"把文本的定位原点移到SVG的中心位置，这样就完全不需要依赖x、y属性来定位了。

如果不需要固定宽高，也可以让SVG自适应容器，只要保留text-anchor、dominant-baseline和transform这几个关键设置即可。

内容的提问来源于stack exchange，提问作者F__M