Css 垂直居中人造绝对定位（浮动：左）元素

我试图在一个灯箱/覆盖层下显示一个半透明的标题图像网格，其中包含我的实际内容。文档中的字体大小通常使用vw单位设置，因此叠加的高度根据屏幕分辨率而变化

我想垂直居中，无论哪一个恰好较小-背景图像网格，或我的覆盖。如果覆盖图中的文本字体较大，我希望网格相对于覆盖图垂直居中，但如果网格较大，我希望覆盖图相对于网格垂直居中

起初，我尝试在套印上使用position:absolute，但当我发现套印中的文本如果字体太大，就会与网格下的内容重叠时，它当然失败了。我目前正在使用的解决了重叠问题的内容被推下，无论是较大的，我的网格或我的灯箱，但我只是没有能够结合这一巧妙的技巧与任何浮动垂直居中演示/例子，我已经找到了这样和其他地方

网格目前是一张表格，我花了很长时间才弄清楚！，但是我可以切换到其他一些方法，比如说，如果绝对必要的话，可以使用一系列很长的浮动。在我看来，网格是非常有争议的表格数据

这是一个非公开的文档，我正在发送给某人，我正在使用HTML5/CSS3进行丰富的布局/样式/格式设计，所以我的严格语义规则稍微好一点，在这种情况下非常轻松。LaTeX->PDF将是不可能的-不断重新启动xpdf来重新加载我的PDF将逐渐把我逼到墙上，我会用我的头在天花板上钻一个洞-LibreOffice可能会被我正在处理的150多张图像卡住。除此之外，该文件充满了逐渐累积的CSS3令人敬畏的内容，如果我切换到PDF/ODT，我将不得不放弃这些内容