CSS Grid网格布局全攻略
CSS Grid 是二维布局：父容器 17 个属性、子元素 10 个，加上取值方式，一共 27 项。把它拆成「布局之道 / 构建之法 / 取值之术」更好记。 构建套路是父容器三步（定框架、设间隔、找对齐）加子元素两步（摆位置、找对齐），也就是「32 构建之法」。原文 23 张图和示例代码全部保留。 …
CSS Grid 是二维布局：父容器 17 个属性、子元素 10 个，加上取值方式，一共 27 项。把它拆成「布局之道 / 构建之法 / 取值之术」更好记。 构建套路是父容器三步（定框架、设间隔、找对齐）加子元素两步（摆位置、找对齐），也就是「32 构建之法」。原文 23 张图和示例代码全部保留。 …
居中是 CSS 布局里最常被问到的一块：水平、垂直、水平垂直三套，方案从 text-align、margin: 0 auto 到定位 transform 再到 Flex。下面按效果把能用的写法收齐，并标出继承性和脱离文档流时的坑。 选方案时先问三件事：子元素是否块级、是否已脱离文档流、要不要兼容老浏…
