如何以四栏的形式从左到右水平显示动态创建的帖子

<div class="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布局 */
}

.post {
  flex: 1; /* 平均分配宽度 */
  border: 1px solid #ccc;
  padding: 10px;
  margin-right: 10px; /* 设置帖子之间的间距 */
}