现在用 Flex 做布局,建议么? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Kilerd
V2EX    CSS
<1>现在用 Flex 做布局,建议么?
  •  
  •   Kilerd
    Kilerd 2015-11-15 23:18:58 +08:00 9487 次点击
    这是一个创建于 3620 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近在做一个小的项目,然后在写 CSS 的时候,突然想起自己收藏夹里面有一个讲 Flex 的文章。

    尝试一下之后发现还不错,最重要的一点是, flex 做布局太容易了,尤其是在垂直居中这方面。

    但是唯一不太好的就是(个人感觉): IE8 以下不支持,不清楚其他的兼容性如何。

    就想问下,现在大家写 css 有使用 flex 的吗?

    虽然我写的是一个小众的项目,但是还是不希望出现什么问题。

    第 1 条附言    2015-11-16 00:24:24 +08:00
    似乎大家好像都没怎么敢用 flex 。

    http://segmentfault.com/a/1190000002616717

    上面这篇文章介绍了 flex 的基本用法,感兴趣的可以去看一下。
    可以尝试着在自己的小玩意里面用,布局很方便。

    BTW , 如果你的面向人群 90%都使用 Chrome 的话,那么 flex 肯定是你的最佳选择。
    13 条回复    2015-11-16 10:15:51 +08:00
    jas0ndyq
        1
    jas0ndyq  
       2015-11-15 23:42:51 +08:00
    安卓兼容不是很好
    Biwood
        2
    Biwood  
       2015-11-15 23:56:38 +08:00
    IE9 都不支持
    billlee
        3
    billlee  
       2015-11-15 23:59:18 +08:00
    Android 版微信不支持
    Kilerd
        4
    Kilerd  
    OP
       2015-11-16 00:11:38 +08:00
    @jas0ndyq
    @Biwood
    @billlee

    http://segmentfault.com/a/1190000002616717

    按照这篇文章来说的话, 安卓至少要 4.4.4 以上才可以完美兼容咯。
    billlee
        5
    billlee  
       2015-11-16 01:18:59 +08:00
    @Kilerd 我说的是另一个问题, Android 微信用的是自己的排版引擎(下拉网页可以看到,完全不支持 flex, 对 CSS 3 的兼容很差。
    chemzqm
        6
    chemzqm  
       2015-11-16 01:35:13 +08:00
    pangtianyu
        7
    pangtianyu  
       2015-11-16 01:42:31 +08:00
    不要总是迁就那些硬是要旧版本不升级的 被惯坏了
    MinonHeart
        8
    MinonHeart  
       2015-11-16 08:41:02 +08:00 via Android
    flex 主要特性是缩放和子盒子的布局。如果仅仅使用水平垂直居中没必要用它。 CSS2.1 部分可以实现居中问题。 flex 手机端支持度极差
    kisnows
        9
    kisnows  
       2015-11-16 09:01:00 +08:00
    自己的项目就不用管那些不兼容的了
    cloverstd
        10
    cloverstd  
       2015-11-16 09:10:39 +08:00
    react-native 用的这个
    jiongxiaobu
        11
    jiongxiaobu  
       2015-11-16 09:20:21 +08:00 via Android
    微信大坑
    akinoniku
        12
    akinoniku  
       2015-11-16 09:45:23 +08:00
    IE11 下如果有部分滚动的话,性能会非常糟糕
    jetbillwin
        13
    jetbillwin  
       2015-11-16 10:15:51 +08:00
    关于布局的选择,如果不是自己写解析(比如 RN 那样)那么肯定要坑……
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3244 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 11:42 PVG 19:42 LAX 04:42 JFK 07:42
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86