这样使用flexbox可以吗？答案

【问题标题】：Is it ok to use flexbox in this way?这样使用flexbox可以吗？
【发布时间】：2020-09-05 06:48:36
【问题描述】：

我想使用 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;

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

谢谢！

【问题讨论】：

如果你添加你的代码会更好。
你知道，在 CSS 中，行之有效的方法就是好方法
虽然使用嵌套的 flex 可以，但我认为你应该检查 subgrid。它可能会使实现更好/更清洁。但我不确定……

标签： javascript html css flexbox css-position

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

一切顺利。

【讨论】：