这样使用flexbox可以吗？

Question

我想使用 flexbox 制作导航 header 菜单，使其具有响应式 like this。

我的想法是在主导航上使用 display: flex; flex-direction: row; justify-element: space-between;，然后为两个菜单应用另一个 display: flex; flex-direction: row;，一个使用 justify-element: flex-start;，另一个使用 justify-element: flex-end;

这是正确的方法还是您认为有更好的方法来做同样的事情？我也想在其中一些菜单项下有一些下拉菜单 sub-menu，但目前我只是在考虑导航的主要结构

谢谢！

Answer 1

使用 flexbox 的最佳方式是首先创建一个 class 名称 Flex_Container 然后给它一些常用的值，比如 display: flex、flex-direction 等等 现在给你想要的元素要制作 flex 容器，只需添加 class 这样就可以停止代码的重复，我们可以为这些元素提供特定的样式，而不是重复相同的样式。

现在轮到您了：是的，您可以嵌套弹性框元素看起来不错，但请确保您使用正确的属性，例如 justify-element 属性 不存在。

祝一切顺利。

Answer 2

嵌套 flex 元素是一种有效且有时是实现预期结果的必要方法。加油吧。

而且是 justify-content，没有 justify-element。