现在用 Flex 做布局,建议么? - V2EX
Kilerd
V2EX    CSS

现在用 Flex 做布局,建议么?

  •  
  •   Kilerd
    Kilerd Nov 15, 2015 9712 views
    This topic created in 3833 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    Supplement 1    Nov 16, 2015
    似乎大家好像都没怎么敢用 flex 。

    http://segmentfault.com/a/1190000002616717

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

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

    http://segmentfault.com/a/1190000002616717

    按照这篇文章来说的话, 安卓至少要 4.4.4 以上才可以完美兼容咯。
    billlee
        5
    billlee  
       Nov 16, 2015
    @Kilerd 我说的是另一个问题, Android 微信用的是自己的排版引擎(下拉网页可以看到),完全不支持 flex, 对 CSS 3 的兼容很差。
    chemzqm
        6
    chemzqm  
       Nov 16, 2015
    pangtianyu
        7
    pangtianyu  
       Nov 16, 2015
    不要总是迁就那些硬是要旧版本不升级的 被惯坏了
    MinonHeart
        8
    MinonHeart  
       Nov 16, 2015 via Android
    flex 主要特性是缩放和子盒子的布局。如果仅仅使用水平垂直居中没必要用它。 CSS2.1 部分可以实现居中问题。 flex 手机端支持度极差
    kisnows
        9
    kisnows  
       Nov 16, 2015
    自己的项目就不用管那些不兼容的了
    cloverstd
        10
    cloverstd  
       Nov 16, 2015
    react-native 用的这个
    jiongxiaobu
        11
    jiongxiaobu  
       Nov 16, 2015 via Android
    微信大坑
    akinoniku
        12
    akinoniku  
       Nov 16, 2015
    IE11 下如果有部分滚动的话,性能会非常糟糕
    jetbillwin
        13
    jetbillwin  
       Nov 16, 2015
    关于布局的选择,如果不是自己写解析(比如 RN 那样)那么肯定要坑……
    About     Help     Advertise     Blog     API     FAQ     Solana     5829 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 96ms UTC 06:42 PVG 14:42 LAX 23:42 JFK 02:42
    Do have faith in what you're doing.
    ubao msn 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