垂直居中对齐div中的文本

Question

我有一个名为“product-name”的div，高度为30px＆amp; 11px font-size，它假设包含产品名称。 如果产品名称是双线，它似乎很好，但如果产品名称是单行，它从图层的顶部开始，我实际上希望它成为垂直居中对齐。

如果有任何css属性或技巧

，请告诉我

Answer 1

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

这是我用过的一个技巧：

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

Answer 2

诀窍，我会用一张表来垂直对齐。默认情况下，表附带该属性，适用于大多数浏览器。

d，

Answer 3

将line-height属性设置为与高度相同，然后将vertical-align设置为middle。

line-height:30px;
vertical-align:middle;