flex布局,以及常见的属性

flex是一种弹性布局,简单快捷

用法

任何元素都可以指定

.box {
    display:flex;
}

行内元素使用

.box {
    display:inline-flex;
}

如果是webkit内核的浏览器必须加上-wibkit

容器内默认有两个轴

水平主轴和垂直主轴

容器的属性

1. flex-direction
2. flex-wrap
3. flex-flow
4. justify-content
5. align-items
6. align-content