角度 4 材质:使用柔性包裹元素

Question

我想知道如何使用 flex 来包装我的"产品"元素，就像这个例子(angular js(：

https://codepen.io/anon/pen/MwzRde

我正在使用带有 Material.io 的 Angular 4，我看到了响应的 flex。

但是在这段代码中，我可以看到：

<div class='md-padding' layout="row" layout-wrap>

layout="row"> 并且 Angular 4 中不存在布局换行。

如果您有示例，谢谢！

Answer 1

这些标签来自angularjs-material。您可以使用普通的弹性框 css 来复制这些属性：

myDiv {
  display: flex;
  flex-flow: row wrap;
}

Answer 2

它确实存在，但它并没有更多地耦合到角度材质。您应该添加一个额外的包来使用它。

这是角度弯曲布局。正如您在此处看到的，您描述的属性也可用于其中。