怎么让svg里的g居中显示

可以使用CSS的flex布局来让svg中的g元素居中显示。具体实现步骤如下：

1. 给svg元素添加样式，设置display为flex，justify-content和align-items都为center，让svg元素居中显示。

svg {
  display: flex;
  justify-content: center;
  align-items: center;
}

2. 给g元素添加样式，设置transform为translate，将g元素在svg中居中显示。

g {
  transform: translate(50%, 50%);
}

其中，translate的参数分别为x轴和y轴的偏移量，设置为50%即可将g元素居中显示。

完整的代码示例如下：

svg {
  display: flex;
  justify-content: center;
  align-items: center;
}

g {
  transform: translate(50%, 50%);
}