书接上回,上次说完了定位,那么现在开始弹性布局(flex)。
1. 弹性布局(flex)
所谓flex是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为 Flex 布局。例如:
.box {
display: flex;
}
1.1 flex 容器的属性
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content