SVG内部未对齐到中心

Question

我正在使用 react 和渲染，我在 div 中返回一个 SVG。我的代码如下所示：

render() {
    return(
        <div class="myClass">
          <svg> ... </svg>
        </div>
    );
}

我的 CSS 类看起来像：

.myClass{
  margin-left: auto;
  margin-right:auto;
}

它在 Chrome 和 firefox 中运行良好，它的 IE 中 svg 显示在左侧而不是居中对齐。 IE 是否需要添加更多 CSS 属性？

Answer 1

解决了。奇怪的是，IE 将 SVG 视为文本。 我在我的 CSS 类中添加了一个中心对齐，它起作用了。

我的解决方案是：

.myClass{
  margin-left: auto;
  margin-right:auto;
  text-align: center;
}