弹性盒子、flex布局、align-self属性

 

昨天看了个视频,如何用加弹性布局相关css 从图左实现为右面的情况,我一时竟然没想到解决方案

弹性盒子、flex布局、align-self属性_第1张图片弹性盒子、flex布局、align-self属性_第2张图片

你能很快想出答案吗?

 

 

 

 

 

 

看完了视频后又自己又找出了答案

父容器:justify-content: space-between;

box2:align-self: flex-end;

 

枉我用了这么久的弹性盒子,连align-self这个都没用过。只能说业务再忙,css也不能浅尝辄止,还需要修炼。

后续会更新不常见的flex布局相关css。

grid的话等一阵子再说,一时半会还是用不上的。

你可能感兴趣的:(css,弹性盒子)