flex最后一行左对齐

   <div class="wrap">

        <div class="item"></div>

        <div class="item"></div>

        <div class="item"></div>

        <div class="item"></div>

        <div class="item"></div>

        <div class="item"></div>

        <div class="item"></div>

    </div>

    <style>

        .wrap {

            width: 1100px;

            margin: 20px auto;

            border: 1px solid red;

            display: flex;

            flex-wrap: wrap;

            justify-content: space-between;

        }

        .item {

            width: 200px;

            height: 200px;

            background: green;

            margin-bottom: 10px;

        }

        .item:last-child:nth-child(5n - 1) {

            margin-right: 225px;

        }

        .item:last-child:nth-child(5n - 2) {

            margin-right: 450px;

        }

        .item:last-child:nth-child(5n - 3) {

            margin-right: 675px;

        }

    </style>