内部のSvgが中央に揃っていない

Question

私はreactを使用してレンダリングしていますが、div内にSVGを返しています。私のコードは次のようになりますように

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

私のCSSクラスに見える：それはChromeとFirefoxで完全に正常に動作

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

、SVGが左側に表示されず、そのIEが揃っセンター。 IEに追加するCSSプロパティがいくつか必要ですか？

Answer 1

解決しました。奇妙なことに、IEはSVGをテキストのように扱います。 私はCSSクラスにセンターアライメントを追加しました。

私のソリューションでした：IEの

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