如何实现CSS中flex布局最后一行左对齐

1. 效果

 2. HTML

<div class="container">
  <div class="list"></div>
  <div class="list"></div>
  <div class="list"></div>
  <div class="list"></div>
  <div class="list"></div>
  <div class="list"></div>
  <div class="list"></div>
  <div class="list"></div>
  <div class="list"></div>
  <div class="list"></div>
  <div class="list"></div>
</div>

 3. scc

body {
  height: 1000px;
}
.container {
  float: left;
  border: 1px solid #000;
  display: flex;
  width: 290px;
  flex-wrap: wrap;
  justify-content: space-between;
  resize: both;
  row-gap: 10px;
  column-gap: 10px;
}
.list {
  width: 65px;
  height: 65px;
  margin-bottom: 10px;
  background-color: rgb(148, 148, 131);

}

.container::after {
  content: '';
  display: block;
  flex: 1;
}