flex是一种弹性布局,简单快捷
用法
任何元素都可以指定
.box {
display:flex;
}
行内元素使用
.box {
display:inline-flex;
}
如果是webkit内核的浏览器必须加上-wibkit
容器内默认有两个轴
水平主轴和垂直主轴
容器的属性
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content
任何元素都可以指定
.box {
display:flex;
}
行内元素使用
.box {
display:inline-flex;
}
如果是webkit内核的浏览器必须加上-wibkit
水平主轴和垂直主轴