html - 将 flexbox 用于布局和菜单/其他子组件的良好做法?

标签 html css layout flexbox

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 6 年前

我是第一次使用 flexbox 创建一个站点,我想将 flex box 用于我所有的菜单子(monad)组件以及我的主要布局。这将涉及嵌套一堆 flexboxes。

这有什么问题吗?现在使用 flexbox 时通常是这样做的吗?

最佳答案

从历史上看,性能会略有下降。正如去年回答的同一个问题中提到的那样。

https://stackoverflow.com/a/30757701/4427316

但是,这表示没有任何来源可以证明这一点。

W3C(万维网联盟)在其 flexbox 规范中提到嵌套很好。

Nesting of these boxes (horizontal inside vertical, or vertical inside horizontal) can be used to build layouts in two dimensions.

Read more about the flex spec here

根据我的经验,嵌套 flexbox 元素没有问题。正如规范中提到的,它允许您构建一些“二维”布局并真正发挥 flexbox 的全部潜力。

关于html - 将 flexbox 用于布局和菜单/其他子组件的良好做法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40954071/

上一篇:css - 检查网站响应面板

下一篇:javascript - 在js样式对象中设置自己的变量

相关文章:

javascript - 在输入的文本上使用 javascript 函数

javascript - JSSOR slider - 如何更改这些属性?

ruby-on-rails - View 内的 Rails 布局名称

javascript - 如何获取相似名称的元素?查询

javascript - HTML 属性中的标签?

html - 如何制作比其父 li 更宽的中心子菜单?

javascript - 通过其子元素的数量改变父宽度?

android - 如何使布局可滚动?安卓

layout - JavaFX – 从布局中动态排除/包含父项及其所有子项

html - 为什么除非我添加 1em,否则正文中的字体大小不会影响表格中的字体?