Safari上的垂直中心，带有translateY

Question

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

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

此外，此元素的父级始终为position: relative。这适用于我测试的每个浏览器，除了Safari。是否有任何变通方法或webkit可以使这项工作？如果不是，那么在Safari上垂直居中的哪种方式会更好？

Answer 1

使用-webkit-transform: translateY(-50%);做了诀窍= D