Flexbox Froggy

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 1549 days ago, the information mentioned may be changed or developed.

用游戏的方式学习 CSS flexbox：

https://flexboxfroggy.com/

2 replies • 2022-02-08 22:40:11 +08:00

66beta

Feb 8, 2022

好多年前用过，游戏形式对新人友好

3dwelcome

Feb 8, 2022

我老是搞不清 justify 和 align ，还有一堆 contents,items,self 。

干脆魔改预编译，比如水平和垂直居中，设置成了 flex-w-center, flex-h-center, flex-w-between

用 w 和 h 替代，这下简单多了，哈哈。