Flex 与 Grid 选型及企业二维布局实战 | CSS

本章覆盖：Flex: content-first / one-dimensional；Grid: layout-first / two-dimensional；Dashboard；admin page shell；responsive card list；form grid；pricing table；gallery；nested Flex + Grid；不是“Flex 和 Grid 二选一”；一个页面同时使用多种布局上下文；DevTools Grid overlay 与 track 检查。

本章知识点

  • Flex: content-first / one-dimensional
  • Grid: layout-first / two-dimensional
  • Dashboard
  • admin page shell
  • responsive card list
  • form grid
  • pricing table
  • gallery
  • nested Flex + Grid
  • 不是“Flex 和 Grid 二选一”
  • 一个页面同时使用多种布局上下文
  • DevTools Grid overlay 与 track 检查