皇甫佳文 发表于 昨天 17:45

flex里的小众元素实现方式

总有一些元素想与在同一容器的其他元素相比与众不同,成为小众哥。遇到这样的群体,我们应该怎么做呢?
1.flex里的小众元素实现方式


[*]align-items和align-self
这是在同一个flex容器中,默认方向下,交叉轴也就是垂直方向的实现方式。比如麻将中的3筒
<body>
   
      
      
      
   

    效果图如下


[*]justify-content和justify-self
和align类似只是他控制的是主轴,
2.GRID的place-items和place-content

和标题核心不同,这两个的区别是在于前者控制子元素们垂直,居中的方式后者是整个容器垂直,居中的对齐方式

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: flex里的小众元素实现方式