本文共 309 字，大约阅读时间需要 1 分钟。

垂直居中单行文本的实现方法，可以通过设置line-height高度和height高度一致来实现。如果文本只有一行，可以直接应用相同的高度属性。

以下是一组具体示例：

.center {    line-height: 200px;    height: 200px;    border: 3px solid green;    text-align: center;}

当内容包含多行文本时，需要特别调整字体高度。例如，您可以增加CSS如下：

.center p {    line-height: 1.5;    display: inline-block;    vertical-align: middle;}

转载地址：http://himez.baihongyu.com/