如何将段落元素中的文本垂直对齐到中间?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (95)

CSS代码:

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以垂直居中?

提问于
用户回答回答于

试试这段代码吧;

    display: table-cell;
    vertical-align: middle;
    padding: 10px;
用户回答回答于

你可以使用line-height它,只需将其设置为标签的确切高度即可:

p.event_desc {
  line-height:35px;
}

扫码关注云+社区

领取腾讯云代金券