align-self 这个属性实际上是重写了align-items,我们主要来用它实现居中对齐,因此,我们记住center这一常用属性值就好了,其他的属性值和align-items差不多。也可以理解为align-self: center;=justify-content: center;align-items: center;
ok,我们来一个简单的案例:色子。为了方便大家看,我们只实现点数为3的这一面
/*主要代码*/ .container{ display: flex; justify-content: space-between;/*容器*/ } .item:nth-child(2){ align-self: center;/*第二个点*/ } .item:nth-child(3){ align-self: flex-end;/*第三个点*/ }以上就是css常考的一些重要知识点,我也会在后面做出适当的更新补充。下次见!