V2EX = way to explore V2EX 是一个关于分享和探索的地方
Sign Up Now For Existing Member Sign In
This topic created in 2197 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