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

发布时间：2020-12-14 21:22:02 所属栏目：资源来源：网络整理

导读：我想知道将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元素中的文本对齐为垂直居中。

这是我的风格：

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!