首页 › 业界区 › 安全 ›flex里的小众元素实现方式

flex里的小众元素实现方式

皇甫佳文 昨天 17:45

程序园永久vip申请，500美金$，无限下载程序园所有程序/软件/数据/等

总有一些元素想与在同一容器的其他元素相比与众不同，成为小众哥。遇到这样的群体，我们应该怎么做呢？

1.flex里的小众元素实现方式

align-items和align-self

这是在同一个flex容器中，默认方向下，交叉轴也就是垂直方向的实现方式。比如麻将中的3筒

<body>

复制代码

效果图如下

justify-content和justify-self

和align类似只是他控制的是主轴，
2.GRID的place-items和place-content

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

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！