我需要能够在父div的垂直中间中对齐多个堆叠的div。我无法编辑HTML，我只能编辑现有元素的CSS，如果需要则包含javascript。
父级和内容div都具有可变高度，因此我无法使用set paddings或margin。我无法添加更多div来充当容器。
此代码是使用Foundation进行布局的较大页面的一部分，这就是设置高度的原因。但是，它会随着页面大小调整而变化，我无法将基础类应用于div。
这是我当前解决方案的JS小提琴。
以下是我正在使用的HTML。
reduce答案 0 :(得分：0)
您应该使用父div的display:table-cell和vertical-align:middle。如下：
<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。
<强> Updated Fiddle