flex布局container元素:flex-direction属性

flex布局

一.flex布局好处:

flex布局可以更细致的控制每个元素，使其更简介，快速,完整的实现布局。

二.flex布局的元素

felx有两个元素,分别为container和items。

1.container

container元素为父元素,用于包裹items元素,开启flex布局有两种方式。
方式一:给container元素添加display:felx;意思是开启flex布局但是container元素为块级元素,不会和别的元素在同一行显示,(比如strong元素)。
方式二：给container元素添加display:inline-flex:意思是开启flex布局,但是会跟其他元素在同一行显示。

2.container中的属性:flex-wrap

container有两个轴,分别为主轴和交叉轴。主轴可以理解为container的宽度，在默认情况下，他是从左到右。交叉轴可以理解为container的高度，默认情况下他是从上到下的。他们的开始位置被称之为start。结束位置被称之为end我们可以用一些属性去改变他们的开始位置和结束位置。比如：

        .test{
   
            height