Css 垂直居中在firefox中不起作用

我使用父容器垂直居中一个div

它适用于Safari和Chrome，但不适用于Firefox。我看了这篇文章：但我不想使用表格

我的CSS：

.wrapper{
身高：100%；
最大宽度：420px；
}
.包装工：以前，
.集装箱{
显示：内联块；
垂直对齐：中间对齐；
}
.包装工：以前{
内容：''；
显示：内联块；
宽度：0；
身高：100%；
垂直对齐：中间对齐；
左边距：-0.25em；
}
.集装箱{
文本对齐：对齐；
字体大小：12px；
}

以下方法可能会奏效；-）

.container{
位置：相对位置；
最高：50%；
转化：translateY（-50%）；
}

---

其中.container是您希望垂直居中的对象。

它可以，但在safari中不可以，奇怪的是，中的动画在safari中不起作用-我不知道safari中的动画，抱歉。首先尝试清除代码中的错误以检查其是否有效。您可能希望在safari之前使用条件注释作为代码，但在firefox上不使用，反之亦然。糟糕的是，你不能在外部css文件中使用它们。谢谢chris-很抱歉，我不是一个经常贴海报的人-通过有条件的评论，这种格式如何还有你犯了哪些错误。希望这对你有所帮助。