如何将CSS文字实现垂直居中？

本文共计706个文字，预计阅读时间需要3分钟。

CSS实现文字垂直居中的方法：

1.使用line-height属性使文字垂直居中；

2.将外部块格式化为表格单元格；

3.通过CSS3的flex布局使文字垂直居中。

操作环境：Windows 7系统、HTML5 CSS3版本。

css实现文字垂直居中的方法：1、使用line-height属性使文字垂直居中；2、将外部块格式化为表格单元格；3、通过CSS3的flex布局使文字垂直居中。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

方法：

方法1：使用line-height属性使文字垂直居中

line-height属性设置行间的距离（行高）；该属性不允许使用负值。

line-height属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。