Angular material 弹性布局：将最后一项水平推到末端_Angular Material_Angular Flex Layout

Angular material 弹性布局：将最后一项水平推到末端

angular-material

Angular material 弹性布局：将最后一项水平推到末端,angular-material,angular-flex-layout,Angular Material,Angular Flex Layout,以下是我迄今为止所做的工作：在代码片段中，我们可以看到一个包含按钮的简单工具栏（打开HTML视图的大小更大，因为有一些fxShow/fxHide指令触发）我想做的是按下div最右边的Login按钮我尝试了以下方法：在登录和联系按钮之间添加一个在登录按钮中添加一个style=“margin left:auto；” 将fxFlexFill添加到包含链接的div元素中，然后使用上文提到的span和左边距重试查找有关Flex容器的文档，但没有任何帮助如果我移除div容器并使用它工作正

以下是我迄今为止所做的工作：

在代码片段中，我们可以看到一个包含按钮的简单工具栏（打开HTML视图的大小更大，因为有一些

fxShow/fxHide

指令触发）

我想做的是按下div最右边的Login按钮

我尝试了以下方法：

在登录和联系按钮之间添加一个
在登录按钮中添加一个
```
style=“margin left:auto；”
```
将
```
fxFlexFill
```
添加到包含链接的
```
div
```
元素中，然后使用上文提到的
```
span
```
和
```
左边距重试
```


查找有关Flex容器的文档，但没有任何帮助


如果我移除div
容器并使用
它工作正常，则登录按钮将显示在工具栏的末端（水平）
我想了解为什么div
容器会导致这种行为，以及如何在右侧按下登录按钮。也许我对Flex容器的理解不是很好，所以欢迎使用任何指针。
您可以尝试以下方法：

，fxFill
已列出，但没有任何注释。然而，在报告中说：
“fxFill”flexbox样式指令

最大化布局容器中元素的宽度和高度


注意：fxFill不是响应API
我对span使用了fxFlex
指令，并在父容器中添加了style=“100%”
。但是，我没有找到关于fxFill
的文档，也没有任何指针？文档中没有真正描述它，但是可以在源代码中找到一些东西。参见editOK谢谢@Kim Kern，我尝试了你的解决方案，但出现了一些意外行为，比如当我从桌面切换到手机屏幕大小时，登录按钮再次出现在左侧。通过在工具栏的每个按钮上添加fxShow/fxHide
指令，我终于找到了解决方案。但再次感谢你们，我更了解这个指令