我想知道将p元素中的文本对齐为垂直居中。
这是我的风格:
p.event_desc { font: bold 12px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 14px; height: 35px; margin: 0px; }
和HTML:
<p class="event_desc">Lorem ipsum.</p>
解决方法
试试这些风格:
p.event_desc { font: bold 12px "Helvetica Neue",sans-serif; line-height: 14px; height:75px; margin: 0px; display: table-cell; vertical-align: middle; padding: 10px; border: 1px solid #f00; }
<p class="event_desc">lorem ipsum</p>