Javascript 为什么赢了'；T我的组（文本和图像）垂直对齐在中间和水平集中，无论设置样式来做到这一点吗？

目前我使用的是可伸缩矢量图形，这意味着我使用的是

标记，而不是

。奇怪的是，我没有标题组的唯一节点是在中间垂直对齐文本。当存在标题组（

）时，文本将不对齐。这是一张正确的照片

下面是当有一个标题组时发生的情况-

我正在使用JavaScript、CSS和生成HTML。我确实在所有地方指定了

垂直对齐：中间
，但没有效果。另外，我还有一个问题。我希望标题组在<代码> 中间对齐。这是一张我想要的图片，与你之前看到的相反


请帮忙。我觉得我什么都试过了。如果您需要查看代码，请在注释中询问您要查找的内容
 问题不在于CSS，而在于
标记。我没有在g标签上使用样式，而是将g标签转换为
标签，并调整了x和y参数，从而能够将图像完美地对准我想要的位置。
问题不在于CSS，而在于
标签。我没有在g标签上使用样式，而是将g标签转换成了
标签，并调整了x和y参数，使图像能够完全对齐到我想要的位置。
你能添加一个简单的JSFIDLE来摆弄一下吗？这并不简单，但我会这么做。它现在就在那里。它几乎不能加载到js中尝试文本对齐的等效方法：居中对齐；你能添加一个简单的JSFIDLE来做一点修改吗？这不会很简单，但我会做的。它现在就在那里。它几乎不能在JSFIDLE中加载；