如何在Flexbox项之间添加“|”

<div class="flex-container">
  <div class="flex-item">Item 1</div>
  <div class="flex-item">Item 2</div>
  <div class="flex-item">Item 3</div>
</div>

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

.flex-item {
  position: relative;
  padding: 0 10px;
}

.flex-item:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: -5px;
}