多语言展示
当前在线:828今日阅读:55今日分享:34

CSS教程 单行文本上下居中

本教程将介绍单行文本上下居中
工具/原料

PhpStorm 2019.3.1 x64

方法/步骤
1

新建一个 Center.html 文件,如图所示

2

输入 作用:使用html5的标准,如图所示:

3

输入网页结构的头部和主体,设置title为:单行文本上下居中,如图所示:

4

输入div标签,设置其类名为:div,如图所示:

5

利用height和line-height属性实现文本上下居中,如图所示:

6

运行网页,可以看到单行文本上下居中,如图所示:

推荐信息