垂直中心元素，具有响应方式

Question

了解响应式网页设计，我想知道是否有一个标准的程序以响应的方式垂直居中元素（div，图像或其他）。不是使用边距和填充的像素，而是使用百分比方式或类似的方式来获得响应性的alingment结果。就像水平对齐引导程序的中心块或居中的行和列一样。

Answer 1

CSS support for display:table

<div style="display:table;background:blue;height:100vh;width:100vw;">
    <div style="display:table-row;">
        <div style="display:table-cell;text-align:center;vertical-align:middle;color:white;font-size:50px;">Blah</div>
    </div>
</div>