scss-masterclass：（S）CSS布局大师类：Flexbox＆Grid-源码

SCSS大师班 （S）CSS布局大师班：Flexbox和网格（ ） 弹性盒 弹性方向 证明内容 对齐项目 自我调整 订购 柔性包装 逆转 对齐内容 弹性成长 弯曲收缩 弹性基础 第一规则：Flex容器包装 . parent { display : flex; } 主轴和横轴 . parent { display : flex; flex-direction : row; /* Main Axis */ justify-content : space-around; /* Cross Axis */ align-items : center; } flex-direction：降低主轴（默认为“行”） 调整内容：更改主轴的项目位置（flex-start，center，stretch等） align-items：更改横轴的项目位置（flex