什么是弹性布局

什么是弹性布局？
flex布局，是HTML5中新出的布局方式，主要替换传统的float布局。
设置弹性布局：display: flex;
设置元素为弹性布局时，会影响其子元素的排列方式，会使块级元素不再独占一行。
使用布局之后，其子元素无论多少都会在一行显示。
设置布局方向：flex-direction: row;
row；默认的，按照从左至右的顺序排列，类似左浮动。
row-reverse：按照从右至左的顺序排列，类似右浮动。
column：从上至下的顺序排列，类似正常文档流。
column-reverse：从下至上的顺序排列.
设置内容对齐方式：justify-content: ;
center：根据设置的布局排列方向进行居中对齐。
flex-start：对齐开始的位置。
flex-end：对齐结束的位置。
space-around:元素之间的距离等分。左右两边留白，左右两边的距离是元素之间距离的一半。
space-between：左右两边不留白，元素之间的距离等分。
设置换行：flex-wrap: wrap;
flex布局默认不能折行，设置换行之后子元素会从超出父元素的元素进行折行。
删除和隐藏元素的方式：
display: none; 删除元素，不占据原来的位置
visibility: hidden; 影藏元素，还占据原来的位置