一文讲清Flex与Grid
一文讲清 Flex 与 Grid先记住核心结论:✅ Flex(弹性布局):一维布局 —— 只有一条主轴,要么横着排、要么竖着排✅ Grid(网格布局):二维布局 —— 同时控制「行 + 列」,平面网格通俗比喻:Flex = 一排货架(只能沿着一个方向摆放商品,换行只是自动折行,没有固定列线)Grid = 棋盘 / 表格(天生多行多列,横纵两条线同时管控)一、Flex 弹性布局 display:flex1. 基础规则给父盒子设置:.box{display:flex;/*默认:横向排列···