flex 基础
16lz
2021-03-14
flex
1. 术语
- 容器: 具有’display:flex’属性元素
- 项目: flex 容器的”子元素”
- 主轴: 项目排列的轴线
- 交叉轴: 与主轴垂直的轴线
2. 容器属性
序号 属性 描述
1 ‘flex-flow’ 主轴方向与换行方式
2 ‘justify-content’ 项目在主轴上的对齐方式
3 ‘align-items’ 项目在交叉轴上的对齐方式
4 ‘align-content’ 项目在多行容器中的对齐方式
3. 项目属性
序号 属性 描述
1 ‘flex’ 项目的缩放比例与基准宽度
2 ‘align-self’ 单个项目在交叉轴上的对齐方式
3 ‘order’ 项目在主轴上排列顺序
更多相关文章
- 我从运维到运维开发的转变
- Jenkinsfile入门:Pipeline使用Maven构建java项目
- IndexedDB:不仅仅是客户端持久化缓存技术ThingJS
- SpringBoot在线协同办公小程序开发全栈式项目实战(2021新课,完整版
- GitOps之Argo CD实践
- Docker技术这些应用场景,你知道吗?
- 飞单机器人管理系统项目介绍无双飞单机器人
- 一个简单的Java计时器项目,附源码
- IDEA激活码注册码密钥,2021年最新永久激活码共享!