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

2020-04-23 11:09:06 +08:00
 wework
我平时用 flexbox，主要是以下两个场景

1.垂直居中

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

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

https://www.v2ex.com/t/665268

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

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

© 2021 V2EX