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

Question

我的文字位于带有margin-top的图像中： - px在2列中。 请在此处查看：http://nlbure-govobanda.savviihq.com/bureau/

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

希望有人可以帮助我。

Answer 1

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

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