侧轴从上至下单元素设置方式
单元素是指父元素中的其中一个亲儿子
单个盒子对齐语法:align-self:(方向);方式
为了方便大家理解请参考坐标位置图
单元素设置盒子对齐方式 盒子移动是按照自己的起点默认位置进行从上到中间至下移动
接下来我们需要实现以下效果![4d821594f3694744ab6375efad2fba1d.png](https://i-blog.csdnimg.cn/blog_migrate/2c844bd1d7f5ff1b8261bbe803fed734.jpeg)
实现盒子如此摆放的情况前提是盒子宽高1:1并且盒子是正方形 如果宽高不为一比一盒子不是正方形
效果就会是这样
操作步骤创建结构摆盒子 参考图片
结构展示图
侧轴从上至下单元素设置方式
单元素是指父元素中的其中一个亲儿子
单个盒子对齐语法:align-self:(方向);方式
为了方便大家理解请参考坐标位置图
单元素设置盒子对齐方式 盒子移动是按照自己的起点默认位置进行从上到中间至下移动
实现盒子如此摆放的情况前提是盒子宽高1:1并且盒子是正方形 如果宽高不为一比一盒子不是正方形
效果就会是这样
操作步骤创建结构摆盒子 参考图片
结构展示图