当项目占据不同宽度时，将flexbox中的最后一项移动到新行

<style>
  .container {
    display: flex;
    flex-wrap: wrap;
  }
  
  .item {
    flex: 1 0 200px; /* 设置项目的宽度为200px，可以根据实际情况调整 */
    margin: 10px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  
  .item:last-child {
    order: 1; /* 将最后一项的顺序设置为1，使其在项目中变为最后一项 */
  }
</style>

<div class="container">
  <div class="item">项目1</div>
  <div class="item">项目2</div>
  <div class="item">项目3</div>
  <div class="item">项目4</div>
  <div class="item">项目5</div>
</div>