使用 translateY 在 Safari 上垂直居中

Question

我正在使用以下代码使某些元素垂直居中：

.vertical--center{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

此外，该元素的父元素始终是 position: relative。这适用于我测试过的所有浏览器，除了 Safari。是否有任何解决方法或 webkit 可以使这项工作正常进行？如果不是，哪种方式在 Safari 上垂直居中会更好？

Answer 1

使用 -webkit-transform: translateY(-50%); 成功了 =D