css - Angular Material如何对齐布局中心

Question

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

根据有关 layout container 的文档 元素排列成一行。 max-height = 100%，max-width 是容器中元素的宽度。

我尝试了文档中提供的示例 page

    <div ng-app="myapp" ng-cloak>

<div layout="row" layout-align="center center">
  <div>one</div>
  <div>two</div>
  <div>three</div>
</div>

</div>

我的内容假设在中心垂直和水平对齐。但是我的内容是水平对齐而不是垂直对齐。

我有代码示例 here

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>

请在需要占用所有空间的容器上应用layout-fill