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