Question

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

根据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>

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

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

1 个答案: