Angular Flex布局拒绝将容器水平居中，将指令应用于div、路由器插座等等，但它仍然不会居中

Angular Flex布局是Angular框架中的一个库，用于实现灵活的布局和响应式设计。它基于Flexbox布局模型，提供了一组指令和样式类，可以轻松地创建各种布局。

对于容器水平居中的问题，可以使用Flex布局的justify-content属性来实现。justify-content属性用于定义项目在主轴上的对齐方式，可以设置为center来实现水平居中。

在Angular中，可以通过在容器元素上应用fxLayout指令，并设置其值为row来创建一个水平布局的容器。然后，可以在容器内部的子元素上应用fxLayoutAlign指令，并设置其值为center来实现水平居中。

以下是一个示例代码：

<div fxLayout="row" fxLayoutAlign="center">
  <!-- 子元素 -->
</div>

在上面的示例中，fxLayout="row"将容器设置为水平布局，fxLayoutAlign="center"将子元素水平居中。

除了以上方法，还可以使用其他Flex布局的属性和指令来实现更复杂的布局需求，如fxLayoutGap用于设置子元素之间的间距，fxFlex用于设置子元素的宽度或高度比例等。

关于Angular Flex布局的更多详细信息和用法，可以参考腾讯云的相关产品Angular Flex Layout，该产品是一个基于Angular Flex布局的UI组件库，提供了丰富的组件和样式，可以帮助开发者更便捷地实现各种布局需求。

腾讯云产品介绍链接地址：Angular Flex Layout