一. 基础
-
引入弹性盒子的目的是？
-
引入弹性盒子的目的是？
-
引入弹性盒子的目的是？
-
弹性盒子由_________________组成；
-
弹性盒子由_________________组成；
-
弹性盒子由_________________组成；
-
如何将容器定义为弹性容器呢？
-
如何将容器定义为弹性容器呢？
-
如何将容器定义为弹性容器呢？
-
弹性盒子影响弹性容器外嘛？弹性盒子影响弹性元素内嘛？
-
弹性盒子影响弹性容器外嘛？弹性盒子影响弹性元素内嘛？
-
弹性盒子影响弹性容器外嘛？弹性盒子影响弹性元素内嘛？
-
默认情况下，弹性盒子内的元素如何分布？弹性盒子内有几行？
-
默认情况下，弹性盒子内的元素如何分布？弹性盒子内有几行？
-
默认情况下，弹性盒子内的元素如何分布？弹性盒子内有几行？
-
设置弹性盒子内的元素从左向右的顺序放；
-
设置弹性盒子内的元素从左向右的顺序放；
-
设置弹性盒子内的元素从左向右的顺序放；
-
设置弹性盒子内的元素从右向左的顺序放；
-
设置弹性盒子内的元素从右向左的顺序放；
-
设置弹性盒子内的元素从右向左的顺序放；
-
设置弹性盒子内的元素从上到下的顺序放；
-
设置弹性盒子内的元素从上到下的顺序放；
-
设置弹性盒子内的元素从上到下的顺序放；
-
设置弹性盒子内的元素从下到上的顺序放；
-
设置弹性盒子内的元素从下到上的顺序放；
-
设置弹性盒子内的元素从下到上的顺序放；
-
设置弹性盒子内的元素紧挨着左边放（这也是默认值）；
-
设置弹性盒子内的元素紧挨着左边放（这也是默认值）；
-
设置弹性盒子内的元素紧挨着左边放（这也是默认值）；
-
设置弹性盒子内的元素紧挨着右边放；
-
设置弹性盒子内的元素紧挨着右边放；
-
设置弹性盒子内的元素紧挨着右边放；
-
设置弹性盒子内的元素居中放置；
-
设置弹性盒子内的元素居中放置；
-
设置弹性盒子内的元素居中放置；
-
设置弹性盒子内的元素平均分布在该行上，两边不留空；
-
设置弹性盒子内的元素平均分布在该行上，两边不留空；
-
设置弹性盒子内的元素平均分布在该行上，两边不留空；
-
设置弹性盒子内的元素平均分布在该行上，两边留空；
-
设置弹性盒子内的元素平均分布在该行上，两边留空；
-
设置弹性盒子内的元素平均分布在该行上，两边留空；
-
设置弹性盒子内的元素紧挨着上边放（这也是默认值）；
-
设置弹性盒子内的元素紧挨着上边放（这也是默认值）；
-
设置弹性盒子内的元素紧挨着上边放（这也是默认值）；
-
设置弹性盒子内的元素紧挨着下边放；
-
设置弹性盒子内的元素紧挨着下边放；
-
设置弹性盒子内的元素紧挨着下边放；
-
设置弹性盒子内的元素在垂直方向上居中放置；
-
设置弹性盒子内的元素在垂直方向上居中放置；
-
设置弹性盒子内的元素在垂直方向上居中放置；
-
设置弹性盒子内的元素的高尽可能小；
-
设置弹性盒子内的元素的高尽可能小；
-
设置弹性盒子内的元素的高尽可能小；
-
设置弹性盒子内的元素的高尽可能大；
-
设置弹性盒子内的元素的高尽可能大；
-
设置弹性盒子内的元素的高尽可能大；
-
设置弹性盒子内，元素的排列顺序为只有一行（这也是默认值）；
-
设置弹性盒子内，元素的排列顺序为只有一行（这也是默认值）；
-
设置弹性盒子内，元素的排列顺序为只有一行（这也是默认值）；
-
设置弹性盒子内，元素的排列顺序为多行；
-
设置弹性盒子内，元素的排列顺序为多行；
-
设置弹性盒子内，元素的排列顺序为多行；
-
设置弹性盒子内，元素的排列顺序为多行，并且进行反转；
-
设置弹性盒子内，元素的排列顺序为多行，并且进行反转；
-
设置弹性盒子内，元素的排列顺序为多行，并且进行反转；
-
常与flex-wrap搭配出现，设置wrap之后的各行紧挨着上边放；
-
常与flex-wrap搭配出现，设置wrap之后的各行紧挨着上边放；
-
常与flex-wrap搭配出现，设置wrap之后的各行紧挨着上边放；
-
常与flex-wrap搭配出现，设置wrap之后的各行紧挨着下边放；
-
常与flex-wrap搭配出现，设置wrap之后的各行紧挨着下边放；
-
常与flex-wrap搭配出现，设置wrap之后的各行紧挨着下边放；
-
常与flex-wrap搭配出现，设置wrap之后的各行紧挨着中间放；
-
常与flex-wrap搭配出现，设置wrap之后的各行紧挨着中间放；
-
常与flex-wrap搭配出现，设置wrap之后的各行紧挨着中间放；
-
常与flex-wrap搭配出现，设置wrap之后的各行在垂直方向上平均分布，两边不留空；
-
常与flex-wrap搭配出现，设置wrap之后的各行在垂直方向上平均分布，两边不留空；
-
常与flex-wrap搭配出现，设置wrap之后的各行在垂直方向上平均分布，两边不留空；
-
常与flex-wrap搭配出现，设置wrap之后的各行在垂直方向上平均分布，两边留空；
-
常与flex-wrap搭配出现，设置wrap之后的各行在垂直方向上平均分布，两边留空；
-
常与flex-wrap搭配出现，设置wrap之后的各行在垂直方向上平均分布，两边留空；
-
常与flex-wrap搭配出现，设置wrap之后的各行在垂直方向上拉伸到最大；
-
常与flex-wrap搭配出现，设置wrap之后的各行在垂直方向上拉伸到最大；
-
常与flex-wrap搭配出现，设置wrap之后的各行在垂直方向上拉伸到最大；
-
对于子元素而言，通过调整什么，能改变排列顺序？
-
对于子元素而言，通过调整什么，能改变排列顺序？
-
对于子元素而言，通过调整什么，能改变排列顺序？
-
对于子元素而言，如何使得子元素在弹性盒子中完全居中？
-
对于子元素而言，如何使得子元素在弹性盒子中完全居中？
-
对于子元素而言，如何使得子元素在弹性盒子中完全居中？
-
对于某一个特定的子元素而言，设置其在垂直方向上紧挨上边；
-
对于某一个特定的子元素而言，设置其在垂直方向上紧挨上边；
-
对于某一个特定的子元素而言，设置其在垂直方向上紧挨下边；
-
对于某一个特定的子元素而言，设置其在垂直方向上紧挨下边；
-
对于某一个特定的子元素而言，设置其在垂直方向上位于正中间；
-
对于某一个特定的子元素而言，设置其在垂直方向上位于正中间；
-
对于某一个特定的子元素而言，设置其在垂直方向上的高度尽可能小；
-
对于某一个特定的子元素而言，设置其在垂直方向上的高度尽可能小；
-
对于某一个特定的子元素而言，设置其在垂直方向上的高度尽可能大；
-
对于某一个特定的子元素而言，设置其在垂直方向上的高度尽可能大；
-
对于某一个特定的子元素而言，设置其在垂直方向上的位置为自动。此外，这意味着什么？
-
对于某一个特定的子元素而言，设置其在垂直方向上的位置为自动。此外，这意味着什么？
-
对于某一个特定的子元素而言，当其父元素采用弹性盒子排列时，flex属性的默认值是多少？
-
对于某一个特定的子元素而言，当其父元素采用弹性盒子排列时，flex属性的默认值是多少？
-
对于某一个特定的子元素而言，当其父元素采用弹性盒子排列时，flex属性的默认值是多少？
-
对于某一个特定的子元素而言，设置其有空间时1倍放大，没空间时1倍缩小，默认大小为其width或者height值；
-
对于某一个特定的子元素而言，设置其有空间时1倍放大，没空间时1倍缩小，默认大小为其width或者height值；
-
对于某一个特定的子元素而言，设置其有空间时1倍放大，没空间时1倍缩小，默认大小为其width或者height值；
-
对于某一个特定的子元素而言，设置其有空间时0倍放大，没空间时1倍缩小，默认大小为20vw；
-
对于某一个特定的子元素而言，设置其有空间时0倍放大，没空间时1倍缩小，默认大小为20vw；
-
对于某一个特定的子元素而言，设置其有空间时0倍放大，没空间时1倍缩小，默认大小为20vw；
二. 提高
-
flex-direction的默认值？这意味着什么？
-
flex-direction的默认值？这意味着什么？
-
flex-direction的默认值？这意味着什么？
-
justify-content的默认值？这意味着什么？
-
justify-content的默认值？这意味着什么？
-
justify-content的默认值？这意味着什么？
-
flex-wrap的默认值？这意味着什么？
-
flex-wrap的默认值？这意味着什么？
-
flex-wrap的默认值？这意味着什么？
-
align-items和align-content的默认值？这意味着什么？
-
align-items和align-content的默认值？这意味着什么？
-
align-items和align-content的默认值？这意味着什么？
-
align-self的默认值？这意味着什么？
-
align-self的默认值？这意味着什么？
-
align-self的默认值？这意味着什么？
-
块级元素的width的默认值？这意味着什么？
-
块级元素的width的默认值？这意味着什么？
-
块级元素的width的默认值？这意味着什么？
一. 基础
-
对一个容器中的子元素进行有效的排列、对齐、分配空白空间；
-
对一个容器中的子元素进行有效的排列、对齐、分配空白空间；
-
对一个容器中的子元素进行有效的排列、对齐、分配空白空间；
-
由弹性容器与弹性子元素组成；
-
由弹性容器与弹性子元素组成；
-
由弹性容器与弹性子元素组成；
-
设置display的值为flex或者inline-flex；
-
设置display的值为flex或者inline-flex；
-
设置display的值为flex或者inline-flex；
-
弹性盒子既不影响弹性容器外，又不影响弹性元素内，其只影响弹性元素如何在弹性容器内布局；
-
弹性盒子既不影响弹性容器外，又不影响弹性元素内，其只影响弹性元素如何在弹性容器内布局；
-
弹性盒子既不影响弹性容器外，又不影响弹性元素内，其只影响弹性元素如何在弹性容器内布局；
-
默认情况下分布在一行，弹性盒子默认只有一行；
-
默认情况下分布在一行，弹性盒子默认只有一行；
-
默认情况下分布在一行，弹性盒子默认只有一行；
-
父容器中，设置flex-direction为row；
-
父容器中，设置flex-direction为row；
-
父容器中，设置flex-direction为row；
-
父容器中，设置flex-direction为row-reverse；
-
父容器中，设置flex-direction为row-reverse；
-
父容器中，设置flex-direction为row-reverse；
-
父容器中，设置flex-direction为column；
-
父容器中，设置flex-direction为column；
-
父容器中，设置flex-direction为column；
-
父容器中，设置flex-direction为column-reverse；
-
父容器中，设置flex-direction为column-reverse；
-
父容器中，设置flex-direction为column-reverse；
-
父容器中，设置justify-content为flex-start；
-
父容器中，设置justify-content为flex-start；
-
父容器中，设置justify-content为flex-start；
-
父容器中，设置justify-content为flex-end；
-
父容器中，设置justify-content为flex-end；
-
父容器中，设置justify-content为flex-end；
-
父容器中，设置justify-content为center；
-
父容器中，设置justify-content为center；
-
父容器中，设置justify-content为center；
-
父容器中，设置justify-content为space-between；
-
父容器中，设置justify-content为space-between；
-
父容器中，设置justify-content为space-between；
-
父容器中，设置justify-content为space-around；
-
父容器中，设置justify-content为space-around；
-
父容器中，设置justify-content为space-around；
-
父容器中，设置align-items为flex-start；
-
父容器中，设置align-items为flex-start；
-
父容器中，设置align-items为flex-start；
-
父容器中，设置align-items为flex-end；
-
父容器中，设置align-items为flex-end；
-
父容器中，设置align-items为flex-end；
-
父容器中，设置align-items为center；
-
父容器中，设置align-items为center；
-
父容器中，设置align-items为center；
-
父容器中，设置align-items为baseline；
-
父容器中，设置align-items为baseline；
-
父容器中，设置align-items为baseline；
-
父容器中，设置align-items为stretch；
-
父容器中，设置align-items为stretch；
-
父容器中，设置align-items为stretch；
-
父容器中，设置flex-wrap为nowrap；
-
父容器中，设置flex-wrap为nowrap；
-
父容器中，设置flex-wrap为nowrap；
-
父容器中，设置flex-wrap为wrap；
-
父容器中，设置flex-wrap为wrap；
-
父容器中，设置flex-wrap为wrap；
-
父容器中，设置flex-wrap为wrap-reverse；
-
父容器中，设置flex-wrap为wrap-reverse；
-
父容器中，设置flex-wrap为wrap-reverse；
-
父容器中，设置align-content为flex-start；
-
父容器中，设置align-content为flex-start；
-
父容器中，设置align-content为flex-start；
-
父容器中，设置align-content为flex-end；
-
父容器中，设置align-content为flex-end；
-
父容器中，设置align-content为flex-end；
-
父容器中，设置align-content为center；
-
父容器中，设置align-content为center；
-
父容器中，设置align-content为center；
-
父容器中，设置align-content为space-between；
-
父容器中，设置align-content为space-between；
-
父容器中，设置align-content为space-between；
-
父容器中，设置align-content为space-around；
-
父容器中，设置align-content为space-around；
-
父容器中，设置align-content为space-around；
-
父容器中，设置align-content为stretch；
-
父容器中，设置align-content为stretch；
-
父容器中，设置align-content为stretch；
-
子元素中，设置order为-1或者其它；
-
子元素中，设置order为-1或者其它；
-
子元素中，设置order为-1或者其它；
-
子元素中，设置margin为auto；
-
子元素中，设置margin为auto；
-
子元素中，设置margin为auto；
-
子元素中，设置align-self为flex-start
-
子元素中，设置align-self为flex-start
-
子元素中，设置align-self为flex-end
-
子元素中，设置align-self为flex-end
-
子元素中，设置align-self为center
-
子元素中，设置align-self为center
-
子元素中，设置align-self为baseline
-
子元素中，设置align-self为baseline
-
子元素中，设置align-self为stretch
-
子元素中，设置align-self为stretch
-
子元素中，设置align-self为auto，这意味着该子元素先遵循父容器的align-items，接着才是stretch
-
子元素中，设置align-self为atuo，这意味着该子元素先遵循父容器的align-items，接着才是stretch
-
flex默认值为0 1 auto
-
flex默认值为0 1 auto
-
flex默认值为0 1 auto
-
子元素中，设置flex为1 1 auto
-
子元素中，设置flex为1 1 auto
-
子元素中，设置flex为1 1 auto
-
子元素中，设置flex为0 1 20vw
-
子元素中，设置flex为0 1 20vw
-
子元素中，设置flex为0 1 20vw
二. 提高
-
row，这意味着弹性盒子的默认布局方式是，一行一行地布局
-
row，这意味着弹性盒子的默认布局方式是，一行一行地布局
-
row，这意味着弹性盒子的默认布局方式是，一行一行地布局
-
flex-start，这意味着弹性盒子在布局的时候，默认紧挨着左边排
-
flex-start，这意味着弹性盒子在布局的时候，默认紧挨着左边排
-
flex-start，这意味着弹性盒子在布局的时候，默认紧挨着左边排
-
nowrap，这意味着弹性盒子在布局的时候，默认一行一行地布局，并且只能有一行
-
nowrap，这意味着弹性盒子在布局的时候，默认一行一行地布局，并且只能有一行
-
nowrap，这意味着弹性盒子在布局的时候，默认一行一行地布局，并且只能有一行
-
stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度
-
stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度
-
stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度
-
auto，这意味着子元素先遵循父容器的align-items，接着才是stretch
-
auto，这意味着子元素先遵循父容器的align-items，接着才是stretch
-
auto，这意味着子元素先遵循父容器的align-items，接着才是stretch
-
auto，这意味着块级元素将会自动扩展，以填满父元素的宽度
-
auto，这意味着块级元素将会自动扩展，以填满父元素的宽度
-
auto，这意味着块级元素将会自动扩展，以填满父元素的宽度