前言
读完 W3schools 以后, 现在进入单独学习. 之前写的就留着呗.
参考:
Flex Concept
有用过 Figma 的 Auto Layout 就可以体会到 Flex 的玩法.
当有几个 item (div), 我们想 group 起来排成直线, 横线, 左右隔离 (平均分布) 的时候, 用 Flex 在合适不过了.
需要注意的是它是 1 direction, 如果选择横 (horizontal, row) 那么就不能直 (vertical, column)了. 只能在外面 wrap 多一层.
Flex 并不能满足所以排版需求, 如果需要 2 direction 的话, 用 Grid 会更恰当. 切记 Flex 和 Grid 不是互相替代的. 它们有各自的强项. 不要想一招打天下哦.