角度材质如何对齐布局中心

Question

我有这个直接来自角度材料的网站，因为我在角度材料柔性布局方面遇到了很多麻烦。

根据关于布局容器的文档项目排成一排。最大高度 = 100%，最大宽度是容器中项目的宽度。

我尝试了文档页面上提供的示例

    <div ng-app="myapp" ng-cloak>
<div layout="row" layout-align="center center">
  <div>one</div>
  <div>two</div>
  <div>three</div>
</div>
</div>

我的内容应该在中心垂直和水平对齐。 而是我的内容是水平对齐而不是垂直对齐。

我在这里有代码示例

Answer 1

<div layout-fill ng-app="myapp" ng-cloak>
<div layout="row" layout-fill layout-align="center center">
  <div>one</div>
  <div>two</div>
  <div>three</div>
</div>
</div>

请在需要占用所有空间的容器上应用布局填充