使用Flex

Question

这是我经常遇到的Flex的中心问题。我正在使用Flex通过使用<div>边距使auto居中，但是它被相邻元素偏移了。

是否有通过使用Flex使文本CENTER相对于父项居中显示的原因？

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>

<div class="d-flex">
  <div class="border">REALLY WIDE LEFT</div>
  <div class="border ml-auto mr-auto">CENTER</div>
</div>

我正在这里寻找仅Flex的解决方案（即不浮动）。