Html Flexbox中心在safari中不工作

我在使用flexbox对DIV进行中心定位时遇到了一些问题，仅在safari中。我认为它可能缺少一个webkit，但似乎safari只需要一个webkit

这是到目前为止的代码，这两个类都是.alltext的子类，因此可以在同一个javascript中调用它们

<div class ="container">

<div class = "alltext textone">
<p>Text here</p>
</div>

<div class = "alltext texttwo">
<p>Text here</p>
</div>
</div>

---

谢谢

也许这就是你要找的

div{
方框阴影：嵌入0px 0px 0px 1px红色；
}
.集装箱{
显示：-webkit flex；
显示：-ms flex；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
宽度：100%；
身高：100%；
位置：固定；
排名：0；
左：0；
}
.textone{
位置：相对位置；
最大宽度：95%；
文本对齐：居中；
字号：6em；
}
.text2{
宽度：85%；
文本对齐：居中；
字号：6em；
}

此处文本

此处文本

我想知道这是否与您的

显示器的顺序有关

？还有，你想让哪个版本的浏览器工作呢？印度似乎没有任何浏览器工作，所以不仅仅是Safari问题这是对youclass的最佳帮助。centertext不应用于任何DOM元素

 .alltext {
 color: black;
 display: hidden;
 }

 .centertext {
  margin-right: none;
  margin-left: none;
  display: flex;
  display:-webkit-flex;
  display:-webkit-flexbox;
  display:-ms-flexbox;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  vertical-align: center;
  position: fixed;
  top: 0;
  margin: auto;
  margin-top: 0;
  }

 .textone {
 position: relative;
 max-width: 95%;
 text-align: center;
 font-size: 6em;
 }

.texttwo {
width: 85%;
text-align: center;
font-size: 6em;
}