使灵活盒适用于Safari中心

Question

我正在尝试使用弹性框来居中我的内容，它在Chrome中完美运行但在Safari中不起作用。我尝试添加这个：

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

但它没有改变任何东西。当我将display：-webkit-box添加到.main时，它会移动main而不是移动其中的内容。一直在Safari开发工具中玩弄不同的东西。我做错了什么？

.main {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content {
  position: absolute;
  font-family: sans-serif;
  text-align: center;
}