文本对齐中心在IE中不起作用

Question

我有一个面板，我正在面板的主体。除了IE之外，它在所有浏览器中都很棒......有人可以告诉我为什么吗？

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

CSS

 .chart-center {
        text-align: -moz-center; /*firefox*/
        text-align: -webkit-center; /*safari, chrome*/
        margin: 0 auto;
    }

HTML

 <div class="col-lg-4">
     <div class="panel panel-default">
         <div class="panel-heading">
            <h3 class="panel-title text-center"><i class="fa fa-usd fa-fw"></i> My Chart</h3>
         </div>
          <div class="panel-body text-center chart-center">
              <div id="myID"></div>
          </div>
      </div>
 </div>

Answer 1

使用默认值：

.chart-center {
    text-align: center; /*default*/
    margin: 0 auto;
}

实际上，对于此属性，供应商前缀是不必要的。

Answer 2

如果外部div大于内部div，则

margin 0 auto将起作用。

这也有效：

.chart-center {
        margin: 0 auto;
        width:100px;
    }