angular - Angular Material 基本对齐、大小、浮动工具类

Question

当它超出材料组件material.angular.io时，说我只是想做简单的text-align: right还是float:right在<div>. 我怎样才能做到这一点？

我见过

align="end"

在一些正在使用的材质小部件中。但它不适用于所有小部件。

还有

matLine 

指令将使元素成为列表中的整行

我有点记得看到

matSize="large"

或类似的地方。

但是我从官方文档中找不到与此相关的任何内容。对我来说，这不是明智之举。

例如，在 中bootstrap 3，有

 <div class="text-right">
 <div class="pull-right">

助手类。Bootstrap 4甚至有更细粒度的类来调整填充和边距m-2 p-2等。

也可以为更小、更大的元素（按钮、输入等）调整大小

<button class="btn btn-primary btn-lg"> 

是否有任何解决方案可以在 Angular Material 中处理这个问题？

或者真的都是关于小部件的。你只需要自己处理这些细节。

标签： angularangular-material2

Answer 1

我认为Angular Flex-Layout就是为此而创建的。您的示例可以这样创建：

<div fxLayout="row" fxLayoutAlign="flex-end"></div>

该项目仍处于测试阶段（现在很长一段时间），我不太确定它的维护有多积极。

按钮大小在材料规格中不可用，因此您必须自己实现这些。