项目属性: order控制项目顺序

<!-- order控制项目顺序 -->
    <div class="container">
        <div class="item">1</div>
        <div class="item">2</div>
        <div class="item">3</div>
    </div>

 <style>
        .container{
            width: 300px;
            display: flex;
        }
        .container>.item{
            width: 60px;
        }
        .container > .item:first-of-type{
            order: 3;
        }
        /* 大于现有最大数字,按最大来 */
        .container > .item:first-of-type{
            order: 5;
        }
    </style>