推荐一个学习 css flex 布局的小游戏, 包你学会 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
iorilu
V2EX    程序员

推荐一个学习 css flex 布局的小游戏, 包你学会

  •  
  •   iorilu 275 天前 1467 次点击
    这是一个创建于 275 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://flexboxfroggy.com/

    css 的 flex 布局是个非常重要的技术

    但说实话很难弄明白

    无意中发现这个小游戏, 非常直观, 质量很高, 玩了一遍, 感觉确实明白了

    至少 copy 代码也有数了

    7 条回复    2025-01-10 16:02:12 +08:00
    wangtian2020
        1
    wangtian2020  
       275 天前   1
    前端就是太简单了,给人惯的谁都想来写一下。css 就是这种东西,没有对错之分,好不好看反正都能跑。
    所有的前端布局都应该采用 flex ,不过想滚动布局加上 flex 那就有的忙了。
    让我看到哪个前端同事 css 还在写 float absolute inline block 活都不干了直接 battle
    sobev
        2
    sobev  
       275 天前
    还有这个
    https://mastery.games/post/flexboxzombies2/
    radishzz
        3
    radishzz  
       274 天前
    我玩过一个 grid 布局游戏
    https://cssgridgarden.com/
    zhengfan2016
        4
    zhengfan2016  
       274 天前 via Android
    flex 不难吧,工作 tailwind 写多了基本就会了,反而 block 我用的少不熟

    @wangtian2020 我是不会 block 只会无脑堆 flex 的前端
    kakki
        5
    kakki  
       274 天前
    有没有 grid 的
    iorilu
        6
    iorilu  
    OP
       274 天前
    @kakki 有的, 这个作者搞了不少

    [https://codepip.com/games/grid-garden/]( https://codepip.com/games/grid-garden/)

    不过这个要注册登陆
    kakki
        7
    kakki  
       274 天前
    @iorilu 谢谢,收下了.
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5530 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 23ms UTC 09:02 PVG 17:02 LAX 02:02 JFK 05:02
    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