Angular Material 网格布局

Question

Angular Material 中网格布局的预定义类是什么？我们在 Bootstrap 中有 "row","col-sm-4" 等。我们在 Angular Material 2 中有这些类型的类吗？谢谢。

Answer 1

我会给你一些基础知识。

在 Angular Material(对于 Angular 2/4)中，最常用的属性是:

fxLayout="row | column"
fxLayoutAlign="start | center | end | stretch | space-around | space-between | none" (can accept 2 properties at the same time)
fxFlex="number" (can accept numbers from 1 to 100)

您还可以将 postfix 用作 fxLayout.xs 等以仅对特定分辨率应用规则。

有关更多信息，您可以查看文档:https://github.com/angular/flex-layout/wiki/API-Documentation

要尝试对齐，您可以使用 Angularjs Material 资源中的演示(它与 Angular 2/4 的 Angular Material 完全相同):https://material.angularjs.org/latest/layout/alignment

还有一个有用的链接:https://tburleson-layouts-demos.firebaseapp.com/#/docs