Html 如何使用flexbox使中间元素始终完全居中

看看下面的例子，我的目标是让中间的项始终居中-直接居中于容器div中。然后让左侧和右侧的项与容器的最左侧和最右侧对齐

下面是我为容器所做的样式，但是它仍然在元素之间留出了均匀的空间，因此中间的元素并没有完全停留在中间。我想要的是，与右元素和中间元素相比，左元素和中间元素之间有更多的空间，但是中间元素仍然始终居中

我如何做到这一点

display: flex;
  justify-content: center;
  align-items: center;

  .left {
    margin-right: auto;
    justify-self: center;
    align-self: center;
  }

  .right {
    margin-left: auto;
    justify-self: center;
    align-self: center;
  }

---

您可以使用

调整内容：空格之间


.parentContainer{
显示器：flex；
证明内容：之间的空间；
}

1.
2.
3.
请共享您的css和html，以便可以使用它重新创建您的问题。