不，绝对定位与Flex容器并不冲突。使元素成为Flex容器只会影响其内部布局模型，即其内容的布局方式。定位会影响图元本身，并且可以改变其在流布局中的外部角色。
这意味着

• 如果你用display: inline-flex给一个元素添加绝对定位，它会变成块级的（像display: flex一样），但仍然会生成一个flex上下文。
• 如果将绝对定位添加到具有display: flex的元素，则将使用收缩拟合算法（典型的内联级容器）而不是填充可用算法来调整该元素的大小。

也就是说，绝对的定位与灵活的孩子冲突。
因为它是out-of-flow，所以flex容器的绝对定位子容器不参与flex布局。

您忘记指定.parent的宽度。

.parent {
   display: flex;
   justify-content: center;
   position: absolute;
   width: 100%;
}

<div class="parent">
  <div class="child">text</div>
</div>

你必须给予width:100%父center的文本。

.parent {
   display: flex;
   justify-content: center;
   position: absolute;
   width:100%
 }

<div class="parent">
  <div class="child">text</div>
</div>

如果还需要垂直居中对齐，请给予height:100%和align-itens: center

.parent {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   width:100%;
   height: 100%;
 }

在我的例子中，问题是我在div的中心有另一个元素，其中有一个冲突的z索引。

.wrapper {
  color: white;
  width: 320px;
  position: relative;
  border: 1px dashed gray;
  height: 40px
}

.parent {
  position: absolute;
  display: flex;
  justify-content: center;
  top: 20px;
  left: 0;
  right: 0;
  /* This z-index override is needed to display on top of the other
     div. Or, just swap the order of the HTML tags. */
  z-index: 1;
}

.child {
  background: green;
}

.conflicting {
  position: absolute;
  left: 120px;
  height: 40px;
  background: red;
  margin: 0 auto;
}

<div class="wrapper">
  <div class="parent">
    <div class="child">
       Centered
    </div>
  </div>
  <div class="conflicting">
    Conflicting
  </div>
</div>