flex布局

一、创建一个flex盒子

1.在div外面创建一个flex-container

2.在style里面加display：flex变成flex格子

3.设置宽度长度，也可以加边框，这样更好布局

4.在外容器为flex-container的里面添加div盒子

.flex-container{
      border: 1px solid black;
      width: 600px;
      height: 250px;
      flex-direction: row;
      display: flex;
      box-sizing: border-box;

    }
    .flex-items1,.flex-items3,.flex-items2{
      border: 1px solid black;
      width: 100px;
      height: 100px;
    }

 

二、flex属性