大家平时在什么场景里用 flexbox 布局？

2020 年 4 月 23 日
 wework
我平时用 flexbox，主要是以下两个场景

1.垂直居中

2.表单里面 多个输入框、图标等等都可以在同一行上规整地排列
6203 次点击
所在节点    前端开发
50 条回复
himself65
2020 年 4 月 23 日
基本啥也用 flexbox……
CodingNaux
2020 年 4 月 23 日
一行内的元素垂直居中
CodingNaux
2020 年 4 月 23 日
实现 TabBar, flex-direction: column
des
2020 年 4 月 23 日
@himself65
用在任何不需要兼容 ie 的地方
Lombard
2020 年 4 月 23 日
自从用了 flex 布局，我已经好久没用过浮动了。
guansixu
2020 年 4 月 23 日
对啊，能用就用
crz
2020 年 4 月 23 日
还有 justify，这个用到的场景应该比较多
noe132
2020 年 4 月 23 日
所有场景都是 flex
ynohoahc
2020 年 4 月 23 日
everywhere
bgm004
2020 年 4 月 23 日
能用的时候都用。
Loserzhu
2020 年 4 月 23 日
grid 布局用的多吗？
之前面试还问我有没有用过，我说我用 vue 组件化开发只用过 flex 不用 grid 。。
scukmh
2020 年 4 月 23 日
All.来自一个后端🐶
lithbitren
2020 年 4 月 23 日
基本全部 flex
wework
2020 年 4 月 23 日
@Lombard float 好恶心啊，尤其是有些布局二次修改真麻烦
wework
2020 年 4 月 23 日
@Loserzhu css grid 比 flex 来的晚，未来我觉得会比较受欢迎
narmgalaxy
2020 年 4 月 23 日
没什么地方不能用 flex，如果有地方不能用，那就再嵌套一层。----来自后端写的前端页面
gaigechunfeng
2020 年 4 月 23 日
everywhere 吧。
shijianit
2020 年 4 月 23 日
当确定不会运行在老的浏览器版本里面的时候，可以用这个，老浏览器兼容性有问题
Elephant696
2020 年 4 月 23 日
反正 float 是不用了，一维布局基本就是 flex，偶尔用 grid 。二维布局就是 grid
azcvcza
2020 年 4 月 23 日
flex 好啊，不然排版要搞死人，不搞栅格的话

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/665268

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX