向后兼容回退到“ translateY”

Question

我有一个div，它需要垂直居中。

已通过translateY实现了这一目标。

div {
    position: absolute; float: left; clear: none; display: block;
    top: 55%; left: 0;
    width: 100%; height: auto; margin: 0; padding: 0;

    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

现在在不支持transform的浏览器中，我想为top设置一个不同的值，或者设置top: 0;并添加一个margin-top。

可以这样做吗？

---

还是有一种更好的方法来垂直居中，那就更好了吗？