如何垂直对齐段落中的文本？

Question

我想知道将 p 元素中的文本对齐到垂直居中。

以下是我的风格：

 p.event_desc {
     font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
     line-height: 14px;
     height: 35px;
     margin: 0px;
}

 <p class="event_desc">Lorem ipsum.</p>

原文由 Sowmya 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

试试这些风格：

 p.event_desc {
  font: bold 12px "Helvetica Neue", Helvetica, Arial, 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>

原文由 Dipak 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以为此使用 line-height 。只需将它设置为您的 p 标签的确切高度。

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

原文由 Andres Ilich 发布，翻译遵循 CC BY-SA 3.0 许可协议