将div与div内的图像垂直对齐

我已经为此尝试了很多方法,但我无法得到它.在做前端工作3年后相当尴尬 - 但我不能再浪费时间了.

我有一个WordPress图库,我需要将图像垂直居中.我试过设置高度,线高和垂直对齐:中间 - 但没有快乐.

图像由用户添加 - 因此尺寸和总数不是静态的 - 因此特定的针对单个元素高度的解决方案是不合适的.

网址:http: //www.europa-international.net/

    

Latest Promo Videos

#gallery-1 .gallery-icon {
    height: 104px;
    line-height: 104px;
}
#gallery-1 .gallery-icon a {
    vertical-align: middle;
}

和本网站讨论的许多变化(给出锚高度/线高:104px,display:block,vertical-align:middle).

编辑:在这里张贴小提琴:http://jsfiddle.net/DE4ph/2/

另外 - 重复的答案解决方案不适合,因为我无法(轻松)将标记更改为WordPress生成的标记.