[面试仓库]CSS面试题汇总--布局篇 (3)

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;/*第三个点*/ }

flex

  以上就是css常考的一些重要知识点,我也会在后面做出适当的更新补充。下次见!

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyfyyw.html