垂直对齐H2，在动态大小的DIV内部

Question

我需要帮助将砌块内部的H2对齐 - 垂直和水平，每个块都有动态宽度/高度，（无论图像大小是多少）。还有悬停状态到H2标签。

我尝试了很多不同的方法，似乎都没有。

任何人都有一个想法，最简单的解决方法是什么？

[self resetFrame];

http://jsfiddle.net/lvekua/fdwv1sqk/

Answer 1

将GetMetadataForFile()内的文字换成h2元素。

<强> HTML：

span

<强> CSS：

<h2 class="img-title"><span>image description with long text and testing if it goes over the edge</span></h2>

DEMO： https://jsfiddle.net/lmgonzalves/fdwv1sqk/4/