V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
This topic created in 2204 days ago, the information mentioned may be changed or developed.
我平时用 flexbox，主要是以下两个场景
1.垂直居中
2.表单里面 多个输入框、图标等等都可以在同一行上规整地排列
1.垂直居中
2.表单里面 多个输入框、图标等等都可以在同一行上规整地排列
 |
1
himself65 Apr 23, 2020 via iPad  23
基本啥也用 flexbox……
|
 |
2
CodingNaux Apr 23, 2020
一行内的元素垂直居中
|
|
3
CodingNaux Apr 23, 2020
实现 TabBar, flex-direction: column
|
 |
5
Lombard Apr 23, 2020
自从用了 flex 布局，我已经好久没用过浮动了。
|
 |
6
guansixu Apr 23, 2020
对啊，能用就用
|
 |
7
crz Apr 23, 2020
还有 justify，这个用到的场景应该比较多
|
 |
8
noe132 Apr 23, 2020
所有场景都是 flex
|
 |
9
ynohoahc Apr 23, 2020 1
everywhere
|
 |
10
bgm004 Apr 23, 2020 via Android 1
能用的时候都用。
|
 |
11
Loserzhu Apr 23, 2020
grid 布局用的多吗？
之前面试还问我有没有用过，我说我用 vue 组件化开发只用过 flex 不用 grid 。。 |
 |
12
scukmh Apr 23, 2020 1
All.来自一个后端🐶
|
 |
13
lithbitren Apr 23, 2020 1
基本全部 flex
|
 |
16
narmgalaxy Apr 23, 2020
没什么地方不能用 flex，如果有地方不能用，那就再嵌套一层。----来自后端写的前端页面
|
 |
17
gaigechunfeng Apr 23, 2020
everywhere 吧。
|
 |
18
shijianit Apr 23, 2020
当确定不会运行在老的浏览器版本里面的时候，可以用这个，老浏览器兼容性有问题
|
 |
19
Elephant696 Apr 23, 2020
反正 float 是不用了，一维布局基本就是 flex，偶尔用 grid 。二维布局就是 grid
|
 |
20
azcvcza Apr 23, 2020
flex 好啊，不然排版要搞死人，不搞栅格的话
|
 |
21
EminemW Apr 23, 2020
@narmgalaxy #16 我就是这么写的。。
|
 |
22
dartabe Apr 23, 2020
话说 grid 不也是 flex box 实现的吗？
|
 |
23
mostkia Apr 23, 2020
不用 flex 也能写好页面，那就不用它，兼容性能提高一些 IE 有时候还是要兼容的
|
 |
24
yuankui Apr 23, 2020
不用 flex 布局，我基本不会写了。。
|
 |
25
crist Apr 23, 2020
我™随手就用~~
|
 |
26
alertZ Apr 23, 2020
我从事前端最开始使用 box 布局，后面了解了 flexbox 后只在小程序中用过，到最后就彻底放弃这种布局方式，因为兼容性问题，无法兼容 IE10-版本。曾经在一个项目上使用这个布局，后期客户要求需要兼容 IE10-后，就再也不用了。
|
 |
27
cuzfinal Apr 23, 2020
想用 float 的时候就用 flex
|
 |
29
senher Apr 23, 2020
flex 一把梭
|
 |
30
angmieee Apr 23, 2020
想啥呢，只要是布局就用 flex，难道不香吗？
|
 |
31
bisheng949494 Apr 23, 2020
在不需要考虑低版本 IE 的时候
|
 |
33
ericgui Apr 23, 2020
基本上能用就用
grid 用于多个卡片 或者 sticky footer |
 |
34
dinjufen Apr 23, 2020
flex 真香
|
 |
35
rockyou12 Apr 23, 2020
我也是前端小白，感觉 flex 是万能的……
|
 |
36
gitjavascript Apr 23, 2020
几乎所有地方都用啊
|
 |
37
phpcxy Apr 23, 2020
现在太幸福了，flex 一把梭~
|
 |
38
grewer Apr 23, 2020
flex + position 情况基本全覆盖
|
 |
39
imswing Apr 23, 2020 via iPhone
anywhere
|
 |
40
dabinDev Apr 23, 2020
flex 是香然而在 iOS 小程序上一跑 ，全部改成 float 了 太坑了 害的我还去小程序社区发帖求助
|
 |
41
SilentDepth Apr 23, 2020
看了一眼我的代码，基本上 flex 无处不在😂
|
 |
42
zaul Apr 23, 2020
一把梭
|
 |
43
lnim Apr 23, 2020
糊 UI 的时候
|
 |
44
hoyixi Apr 23, 2020
如果再配上 Grid，就该反问了：啥时候用 float ？
|
 |
45
autoxbc Apr 24, 2020
实际稍微有点流量的网站用 flex 的很少
出于个人浏览习惯，但凡是我常看的站我都会另写一套 User CSS，累积的样式表有几百个，扒代码时真没见过几个 flex 布局的，全站 flex 的一只手数的过来 |
|
46
SilentDepth Apr 24, 2020
@autoxbc #45 历史沉淀下来的样式吧
|
 |
47
wanguorui123 Apr 24, 2020
除了网页端，都几乎用 flex 和 grid
|
 |
48
zhyd1997 Apr 30, 2020 via Android
|
 |
49
94 May 14, 2020
如果没有接触过 flex，但是用 float 布局过，就可以考虑把 float 换成 flex，当然是在不考虑 IE 的场景下。
|
 |
50
bbzhang Aug 15, 2020
好久都没写 float 了
|
Select Language