这是一个创建于 1999 天前的主题，其中的信息可能已经有所发展或是发生改变。
我平时用 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 bgm004 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 94 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