以这种方式使用flexbox可以吗？

Question

我想使用flexbox创建一个导航标题菜单，使其响应like this。

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

这是正确的方法还是您认为有更好的方法来做同一件事？我也想在某些菜单项下有一个下拉子菜单，但目前我只是在考虑导航的主要结构

谢谢！

Answer 1

使用flexbox的最佳方法是，首先创建一个类名Flex_Container，然后为其提供诸如display：flex，flex-direction等的通用值，现在要向其创建flex容器的元素只需添加此类即可这将停止代码的重复，我们可以为这些元素提供特定的样式，而不必重复这些样式。

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

祝一切顺利。

Answer 2

嵌套弹性元素是获得所需结果的有效且有时是必要的方法。去吧。

它是justify-content，没有justify-element这样的东西。