角材料柔性瓷砖设计答案

【问题标题】：Angular-material flex tile design角材料柔性瓷砖设计
【发布时间】：2016-08-09 08:33:05
【问题描述】：

我尝试使用棱角分明的材料来创建我的应用程序的平铺设计。在我的一个页面上，我有一些元素，它们由 ng-repeat 和自定义指令显示：

 <div ng-repeat="element in hc.elements" flex-gt-md="30" flex-gt-sm="40" flex-gt-xs="80" flex-xs="80">

当元素超过 3 个时，它看起来还可以，但是当元素数量为 2 时，显示就会出现问题 - 如果有 3 个元素，每个元素的宽度会更小。为什么？我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

问题是在具有layout-align="center center" 的父容器中发现的。修复了将 flex="100" 添加到另一个中间父级（主父级的子级，但我的元素的父级）。

【讨论】：