角度材质网格布局

Question

Angular Material 中网格布局的预定义类是什么？我们"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 asfxLayout.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