display:table和display:table-cell实现多行文本垂直居中

转载于 2020-05-12 14:08:55 发布 · 205 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/chen-cong/p/8076442.html

自党的十八大以来，中国经济发展取得了显著的历史性成就，经济实力显著增强，年均增长率达7.1%，成为全球经济增长的重要动力源和稳定器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="parent">
   <p class="son">会议认为，党的十八大以来，我国经济发展取得历史性成就、
     发生历史性变革，为其他领域改革发展提供了重要物质条件。经济实力
     再上新台阶，经济年均增长7.1%，成为世界经济增长的主要动力源和稳定器。
   </p>
</div>

.parent {
   display: table;
   width: 300px;
   height: 300px;
   text-align: center;
}
.son  {
   display: table-cell;
   height: 200px;
   background-color: yellow;
   vertical-align: middle;
}