css - 垂直居中对齐 div 中的文本

Question

我有一个名为“product-name”的 div，高度为 30px，字体大小为 11px，它应该包含产品名称。如果产品名称是双行的，它看起来很好，但如果产品名称是单行的，它从图层的顶部开始，我实际上希望它成为垂直居中对齐。

请让我知道是否有任何 css 属性或技巧

Answer 1

示例:http://jsfiddle.net/JGGQg/

这是我用过的一个技巧:

display: table-cell; 
vertical-align: middle;