html - 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;
}