1、新建一个 Center.html 文件，如图所示
2、输入 <!DOCTYPE html> 作用：使用html5的标准，如图所示：
3、输入网页结构的头部和主体，设置title为：单行文本上下居中，如图所示：
4、输入div标签，设置其类名为：div，如图所示：
5、利用height和line-height属性实现文本上下居中，如图所示：
6、运行网页，可以看到单行文本上下居中，如图所示：
CSS教程 单行文本上下居中
时间：2024-10-16 04:40:341、新建一个 Center.html 文件，如图所示
2、输入 <!DOCTYPE html> 作用：使用html5的标准，如图所示：
3、输入网页结构的头部和主体，设置title为：单行文本上下居中，如图所示：
4、输入div标签，设置其类名为：div，如图所示：
5、利用height和line-height属性实现文本上下居中，如图所示：
6、运行网页，可以看到单行文本上下居中，如图所示：