html - 垂直对齐 p 标签到中间

Question

我需要将 p 标签内的文本垂直居中对齐。由于我已经为 p 标签指定了高度，单行文本垂直对齐到 p 标签的顶部，但是当有 2 行描述时它是完美的。

高度 30px 应该保持不变。我将内容结束为 2 行，因此高度应该相同。

这是演示 http://jsfiddle.net/ydFy5/1/

Answer 1

试试这个

p.event_desc{
    background: rgba(0,0,0,0.76);
    padding:10px 5px;
    position:absolute;
    top: 0px;
    color: #ffffff;
    font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 16px;
    margin: 0 4px 0 0; 
    width:93%; 
}

Updated Fiddle.