flex布局items:order(设置items本身的排列顺序)

order

order是设置在items里面的属性,具体作用是可以决定本身的排列先后顺序,
比如我们可以用order属性设置第二个排列在第一个.也可以设置第三个排列在第二个.
具体代码如下:

    <style>
        .test{
   
            height: 400px;
            width: 400px;
            background-color: #f00;
            /* 开启flex布局 */
            display: inline-flex;
        }
        .box{
   
            height: 100px;
            width: 100px;
        }
        .box1{