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

如何将段落元素中的文本垂直对齐到中间？
内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用

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

提问于 2018-04-292018-04-29 01:24:35

用户回答回答于 2018-04-292018-04-29 09:39:49

试试这段代码吧;

    display: table-cell;
    vertical-align: middle;
    padding: 10px;

用户回答回答于 2018-04-292018-04-29 11:07:12

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

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

云服务器限时特惠 1核2G首年99元起

精选中小企业最主流配置，适用于web应用场景、小程序及简单移动App，所有机型免费分配公网IP和50G高性能云硬盘（系统盘）。