Question

我将使用flexbox来布局框架，但是我发现如果我将dropdown指令放入Flex容器中，它就不再工作了，这里是{{3} }，

有两种方法可以让它再次发挥作用，

html, body

div

我知道，作为Flexbox容器的子项，它们都被视为flex-item，我试图将显示覆盖为inline和block，但都不起作用。

那么，是否有解决方案让它运行？如果不能，为什么？

谢谢。

Answer 1

只需删除包含整个下拉组件组的drop div中的任何flex属性，如下所示......

<div class="btn-group" dropdown  layout="row" layout-align="center center">
//..drop down compoents
</div>

保留布局属性似乎很好（如果您正在使用布局属性 - angular-material），但删除任何flex属性将允许放置菜单再次正确排列而不添加任何css。