如何使创建的帖子连续四个，并在下一行继续它？

<div id="post-container">
  <!-- 这里是四个帖子 -->
  <div class="post">帖子1</div>
  <div class="post">帖子2</div>
  <div class="post">帖子3</div>
  <div class="post">帖子4</div>
</div>

#post-container {
  display: flex;
  flex-wrap: wrap;
}

.post {
  width: 25%; /* 每个帖子占据容器的四分之一宽度 */
}

<div id="post-container">
  <div class="post">帖子1</div>
  <div class="post">帖子2</div>
  <div class="post">帖子3</div>
  <div class="post">帖子4</div>
  <div class="post">帖子5</div>
  <div class="post">帖子6</div>
  <div class="post">帖子7</div>
  <div class="post">帖子8</div>
</div>