垂直居中图像上的响应文本

Question

我的文本位于顶部边缘的图像中： - 2 列中的 px。 在这里看到它：http://nlbure-govobanda.savviihq.com/bureau/

我想知道如何在每个屏幕上垂直居中？因此，无论使用什么设备，它都会自动缩放到图像的中间。

希望有人可以帮助我。

Answer 1

使用relative位置属性和top:50%，你可以这样做：

.element {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
 }