Html 角材料和IE:Can'；t布局对齐=”t；“中心中心”；在Internet Explorer中

我是角材料设计新手，所以我在跨浏览器制作Web应用程序时遇到了一些问题。

这3个项目都放在IE上，但不放在Chrome和Firefox上

我希望它们和Chrome/Firefox上的完全一样

显然，问题来自“layout align='center'”，因为如果我只使用“layout align='center'”，它们不再堆积在IE上，而是出现在每个浏览器上

以下是HTML：

  <div layout="column" layout-align="center center" style="text-align:center;" style="min-height:400px" ng-repeat="(title,score) in results.scoreByCategories">
    <h4>{{title}} :</h4>
    <div layout="row" layout-xs="column" >
      <div flex>
        <p id="button-debutant" class="rcorners">Débutant</p>
      </div>
      <div flex>
        <p id="button-intermediaire" class="rcorners">Intermédiaire</p>
      </div>
      <div flex>
        <p id="button-confirme" class="rcorners">Confirmé</p>
      </div>
    </div>
  </div>

---

请随意指出我的错误！谢谢

我找到了解决你问题的办法

您只需替换此代码块（由您编写）

丁烷

中间人

确认

关于这一点：

<div layout="row" layout-xs="column" layout-align="center center" >
    <div>
        <p id="button-debutant" class="rcorners">Débutant</p>
    </div>
    <div >
        <p id="button-intermediaire" class="rcorners">Intermédiaire</p>
    </div>
    <div>
        <p id="button-confirme" class="rcorners">Confirmé</p>
    </div>
</div>

丁烷

中间人

确认

<>基本上你会强迫IE把三个按钮视为唯一的行，而<>代码>布局对齐=“中心中心”<代码>之前（在那里有“代码> NG重复< /代码>”）将页面的整个部分对齐在页面的中心（垂直和水平两个方向）。我不知道为什么IE需要这一点额外的工作，但它是有效的：）

---

我希望我帮了你我找到了解决你问题的办法

您只需替换此代码块（由您编写）

丁烷

中间人

确认

关于这一点：

<div layout="row" layout-xs="column" layout-align="center center" >
    <div>
        <p id="button-debutant" class="rcorners">Débutant</p>
    </div>
    <div >
        <p id="button-intermediaire" class="rcorners">Intermédiaire</p>
    </div>
    <div>
        <p id="button-confirme" class="rcorners">Confirmé</p>
    </div>
</div>

丁烷

中间人

确认

<>基本上你会强迫IE把三个按钮视为唯一的行，而<>代码>布局对齐=“中心中心”<代码>之前（在那里有“代码> NG重复< /代码>”）将页面的整个部分对齐在页面的中心（垂直和水平两个方向）。我不知道为什么IE需要这一点额外的工作，但它是有效的：）

我希望我能帮助你

<div layout="row" layout-xs="column" layout-align="center center" >
    <div>
        <p id="button-debutant" class="rcorners">Débutant</p>
    </div>
    <div >
        <p id="button-intermediaire" class="rcorners">Intermédiaire</p>
    </div>
    <div>
        <p id="button-confirme" class="rcorners">Confirmé</p>
    </div>
</div>