V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
iorilu
V2EX  ›  程序员

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

  •  
  •   iorilu · 8 天前 · 800 次点击

    https://flexboxfroggy.com/

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

    但说实话很难弄明白

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

    至少 copy 代码也有数了

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

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

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

    不过这个要注册登陆
    kakki
        7
    kakki  
       7 天前
    @iorilu 谢谢,收下了.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2940 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 06:56 · PVG 14:56 · LAX 22:56 · JFK 01:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.