Html 垂直对齐父级中的多个div

我需要能够对齐父div的垂直中间的多个堆叠div。我无法编辑HTML，我只能编辑现有元素的CSS，并在需要时包含javascript

父分区和内容分区都有可变的高度，因此我不能使用设置填充或边距。我无法添加更多的div作为容器

<>这个代码是一个更大的页面的一部分，它使用基础来进行布局，这就是为什么要设置高度的原因。但是，当页面被调整大小时，它会发生变化，而我不能将基础类应用到div。

下面是我当前解决方案的一部分

这是我正在使用的HTML

<div class="wmapp-tile" style="border:1px solid red; padding: 0px; margin: 0px; height: 350px; display:block;" data-equalizer-watch="">
    <div id="wmappTile936" class="wmapp-title-title_tile wmapp-tile " style="text-align: left; border: 1px solid blue;">
            <div id="wmappTileInner936" style="padding: 10px;margin: 0px;">
            <div class="wmapp-title-tile-item-view">
                <h3>Relaunches</h3>
            </div>
        </div>
     </div>
     <div id="wmappTile937" class="wmapp-blurb-text_tile wmapp-tile " style="text-align: left; border: 1px solid blue;">
        <div id="wmappTileInner937" style="padding: 10px;margin: 0px;">
        <div>
            <span>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget tortor nec libero tincidunt ornare at non neque...
            </span>
        </div>
    </div>
  </div>                                                                                        
</div>

重新启动
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·埃吉特·托托在非内克的自由之旅。。。

您应该使用父分区的

显示：表格单元格

和

垂直对齐：中间

。如下所示：

<div class="wmapp-tile" style="border:1px solid red; padding: 0px; margin: 0px; height: 350px; display: table-cell; vertical-align: middle;" data-equalizer-watch="">

如果可能，应用单独的css而不是内联css