本教程将介绍单行文本上下居中
工具/原料
PhpStorm 2019.3.1 x64
方法/步骤
1
新建一个 Center.html 文件,如图所示
2
输入 作用:使用html5的标准,如图所示:
3
输入网页结构的头部和主体,设置title为:单行文本上下居中,如图所示:
4
输入div标签,设置其类名为:div,如图所示:
5
利用height和line-height属性实现文本上下居中,如图所示:
6
运行网页,可以看到单行文本上下居中,如图所示:
下一篇:怎么让div居中