如何在Flexbox容器中的元素之间创建边框？

.container {
  display: flex;
  justify-content: space-between;
}

.container::before,
.container::after {
  content: "";
  width: 2px;
  background-color: #000;
}

/* 调整伪元素的位置和大小 */
.container::before {
  margin-right: 10px;
}

.container::after {
  margin-left: 10px;
}

.container {
  display: flex;
  justify-content: space-between;
}

.item {
  border-right: 2px solid #000;
  margin-right: 10px;
}

/* 调整元素之间的间距 */
.item:last-child {
  margin-right: 0;
}