Angular Material 设计：布局对齐不起作用

Question

我不知道我的 Angular Material 代码中是否遗漏了什么，但我似乎无法使我制作的 div 居中并调整到我给它们的 flex。这可能是最新版本 Angular Material 的问题吗？我用早期版本尝试了相同的代码，它工作正常（与 0.8.3 相比）。或者我需要为最新版本的 Angular Material 添加额外的内容吗？

HTML

<div layout="column" layout-align="center">
  <div layout="row" layout-align="center center">
    <div style="background-color:#00A000;height: 40px;" flex="60">
    </div>  
  </div>
  <div layout="row" layout-align="center center">
    <div style="background-color:#004444;height: 40px;" flex="60">
    </div>
  </div>
  <div layout="row" layout-align="center center">
    <p>what's up</p>
  </div>
</div>

这是 link 我的代码笔： http://codepen.io/anon/pen/MaNXOW

Answer 1

Angular material 仅支持主版本。

Angular Material 设计：布局对齐不起作用

Angular Material Design: Layout align is not working

html

angularjs

angular-material