Hello KeyboardGames

编程益智 · 开始游戏

Flex 布局池塘

Flex Pond

编写 Flex CSS，让青蛙抵达荷叶。

Flex Pond cover
正在载入游戏…

怎么玩

怎么玩 Flex 布局池塘

在八个循序渐进的关卡里输入 Flexbox 属性，调整青蛙的位置并让它们站到对应荷叶上。

操作方式

  • 在 CSS 输入框填写布局声明
  • 点击 Run code 检查；左右按钮切换关卡

实用提示

  1. 先试 justify-content 控制主轴位置。
  2. 再用 align-items 控制交叉轴位置。