wework

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

  •  
  •   wework · Apr 23, 2020 · 6984 views
    This topic created in 2389 days ago, the information mentioned may be changed or developed.
    我平时用 flexbox,主要是以下两个场景

    1.垂直居中

    2.表单里面 多个输入框、图标等等都可以在同一行上规整地排列
    50 replies  •  2020-08-15 18:46:21 +08:00
    himself65
    himself65
    Apr 23, 2020 via iPad❤️23
    1
    基本啥也用 flexbox……
    CodingNaux
    CodingNaux
    Apr 23, 2020
    2
    一行内的元素垂直居中
    CodingNaux
    CodingNaux
    Apr 23, 2020
    3
    实现 TabBar, flex-direction: column
    des
    des
    Apr 23, 2020❤️2
    4
    @himself65
    用在任何不需要兼容 ie 的地方
    Lombard
    Lombard
    Apr 23, 2020
    5
    自从用了 flex 布局,我已经好久没用过浮动了。
    guansixu
    guansixu
    Apr 23, 2020
    6
    对啊,能用就用
    crz
    crz
    Apr 23, 2020
    7
    还有 justify,这个用到的场景应该比较多
    noe132
    noe132
    Apr 23, 2020
    8
    所有场景都是 flex
    ynohoahc
    ynohoahc
    Apr 23, 2020❤️1
    9
    everywhere
    bgm004
    bgm004
    Apr 23, 2020 via Android❤️1
    10
    能用的时候都用。
    Loserzhu
    Loserzhu
    Apr 23, 2020
    11
    grid 布局用的多吗?
    之前面试还问我有没有用过,我说我用 vue 组件化开发只用过 flex 不用 grid 。。
    scukmh
    scukmh
    Apr 23, 2020❤️1
    12
    All.来自一个后端🐶
    lithbitren
    lithbitren
    Apr 23, 2020❤️1
    13
    基本全部 flex
    wework
    wework
    OP
    Apr 23, 2020
    14
    @Lombard float 好恶心啊,尤其是有些布局二次修改真麻烦
    wework
    wework
    OP
    Apr 23, 2020
    15
    @Loserzhu css grid 比 flex 来的晚,未来我觉得会比较受欢迎
    narmgalaxy
    narmgalaxy
    Apr 23, 2020
    16
    没什么地方不能用 flex,如果有地方不能用,那就再嵌套一层。----来自后端写的前端页面
    gaigechunfeng
    gaigechunfeng
    Apr 23, 2020
    17
    everywhere 吧。
    shijianit
    shijianit
    Apr 23, 2020
    18
    当确定不会运行在老的浏览器版本里面的时候,可以用这个,老浏览器兼容性有问题
    Elephant696
    Elephant696
    Apr 23, 2020
    19
    反正 float 是不用了,一维布局基本就是 flex,偶尔用 grid 。二维布局就是 grid
    azcvcza
    azcvcza
    Apr 23, 2020
    20
    flex 好啊,不然排版要搞死人,不搞栅格的话
    EminemW
    EminemW
    Apr 23, 2020
    21
    @narmgalaxy #16 我就是这么写的。。
    dartabe
    dartabe
    Apr 23, 2020
    22
    话说 grid 不也是 flex box 实现的吗?
    mostkia
    mostkia
    Apr 23, 2020
    23
    不用 flex 也能写好页面,那就不用它,兼容性能提高一些 IE 有时候还是要兼容的
    yuankui
    yuankui
    Apr 23, 2020
    24
    不用 flex 布局,我基本不会写了。。
    crist
    crist
    Apr 23, 2020
    25
    我™随手就用~~
    alertZ
    alertZ
    Apr 23, 2020
    26
    我从事前端最开始使用 box 布局,后面了解了 flexbox 后只在小程序中用过,到最后就彻底放弃这种布局方式,因为兼容性问题,无法兼容 IE10-版本。曾经在一个项目上使用这个布局,后期客户要求需要兼容 IE10-后,就再也不用了。
    cuzfinal
    cuzfinal
    Apr 23, 2020
    27
    想用 float 的时候就用 flex
    wework
    wework
    OP
    Apr 23, 2020
    28
    @alertZ 哈哈,我估计用 flex 最多的就是后端的同志了
    senher
    senher
    Apr 23, 2020
    29
    flex 一把梭
    angmieee
    angmieee
    Apr 23, 2020
    30
    想啥呢,只要是布局就用 flex,难道不香吗?
    bisheng949494
    bisheng949494
    Apr 23, 2020
    31
    在不需要考虑低版本 IE 的时候
    angmieee
    angmieee
    Apr 23, 2020
    32
    @wework 不是用的最多是后端的,前端也用啊,现在又不用兼容 IE
    ericgui
    ericgui
    Apr 23, 2020
    33
    基本上能用就用

    grid 用于多个卡片
    或者 sticky footer
    dinjufen
    dinjufen
    Apr 23, 2020
    34
    flex 真香
    rockyou12
    rockyou12
    Apr 23, 2020
    35
    我也是前端小白,感觉 flex 是万能的……
    gitjavascript
    gitjavascript
    Apr 23, 2020
    36
    几乎所有地方都用啊
    phpcxy
    phpcxy
    Apr 23, 2020
    37
    现在太幸福了,flex 一把梭~
    grewer
    grewer
    Apr 23, 2020
    38
    flex + position 情况基本全覆盖
    imswing
    imswing
    Apr 23, 2020 via iPhone
    39
    anywhere
    dabinDev
    dabinDev
    Apr 23, 2020
    40
    flex 是香然而在 iOS 小程序上一跑 ,全部改成 float 了 太坑了 害的我还去小程序社区发帖求助
    SilentDepth
    SilentDepth
    Apr 23, 2020
    41
    看了一眼我的代码,基本上 flex 无处不在😂
    zaul
    zaul
    Apr 23, 2020
    42
    一把梭
    lnim
    lnim
    Apr 23, 2020
    43
    糊 UI 的时候
    hoyixi
    hoyixi
    Apr 23, 2020
    44
    如果再配上 Grid,就该反问了:啥时候用 float ?
    autoxbc
    autoxbc
    Apr 24, 2020
    45
    实际稍微有点流量的网站用 flex 的很少

    出于个人浏览习惯,但凡是我常看的站我都会另写一套 User CSS,累积的样式表有几百个,扒代码时真没见过几个 flex 布局的,全站 flex 的一只手数的过来
    SilentDepth
    SilentDepth
    Apr 24, 2020
    46
    @autoxbc #45 历史沉淀下来的样式吧
    wanguorui123
    wanguorui123
    Apr 24, 2020
    47
    除了网页端,都几乎用 flex 和 grid
    zhyd1997
    zhyd1997
    Apr 30, 2020 via Android
    48
    https://www.ruanyifeng.com/blog/2015/07/flex-examples.html

    阮一峰老师的教程里都有总结
    94
    94
    May 14, 2020
    49
    如果没有接触过 flex,但是用 float 布局过,就可以考虑把 float 换成 flex,当然是在不考虑 IE 的场景下。
    bbzhang
    bbzhang
    Aug 15, 2020
    50
    好久都没写 float 了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1903 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 96ms · UTC 09:11 · PVG 17:11 · LAX 01:11 · JFK 04:11
    ♥ Do have faith in what you're doing.