fxLayoutAlign : Flex-Layout为什么我的<div>s连宽度都不能用，而且Angular也不能工作？

fxLayoutAlign是Angular Flex-Layout库中的一个指令，用于控制Flex容器中子元素的对齐方式。它的作用是设置子元素在主轴和交叉轴上的对齐方式。

在使用fxLayoutAlign时，需要注意以下几点：

1. 需要在父容器上应用Flex布局，可以通过设置父容器的display属性为flex或者使用fxLayout指令来实现。
2. fxLayoutAlign指令需要应用在子元素上，用于控制子元素的对齐方式。
3. fxLayoutAlign指令的属性值由两部分组成，用冒号分隔。第一部分表示主轴上的对齐方式，第二部分表示交叉轴上的对齐方式。

常用的主轴对齐方式包括：

• start：子元素在主轴上左对齐
• end：子元素在主轴上右对齐
• center：子元素在主轴上居中对齐
• space-between：子元素在主轴上平均分布，首尾不留空隙
• space-around：子元素在主轴上平均分布，首尾留有空隙

常用的交叉轴对齐方式包括：

• start：子元素在交叉轴上顶部对齐
• end：子元素在交叉轴上底部对齐
• center：子元素在交叉轴上居中对齐
• stretch：子元素在交叉轴上拉伸填充父容器
• baseline：子元素在交叉轴上以基线对齐

如果你的<div>元素的宽度无法使用，并且Angular也无法工作，可能是由于以下原因：

1. 没有正确引入Flex-Layout库：请确保已经在项目中正确引入了Flex-Layout库，并且在需要使用fxLayoutAlign的组件中进行了导入。
2. 没有应用Flex布局：请在父容器上应用Flex布局，可以通过设置display属性为flex或者使用fxLayout指令来实现。
3. 没有正确使用fxLayoutAlign指令：请确保fxLayoutAlign指令应用在子元素上，并且属性值正确设置了主轴和交叉轴的对齐方式。
4. 其他可能的问题：如果以上步骤都正确无误，但问题仍然存在，可能是由于其他代码或配置问题导致的。建议检查代码中是否存在其他与宽度相关的样式或指令，以及是否有其他与Angular相关的配置问题。

关于fxLayoutAlign的更多信息和使用示例，你可以参考腾讯云的Flex-Layout官方文档：Flex-Layout官方文档