CSS教程 单行文本上下居中

 时间:2024-10-16 04:40:34

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

CSS教程 单行文本上下居中

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

CSS教程 单行文本上下居中

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

CSS教程 单行文本上下居中

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

CSS教程 单行文本上下居中

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

CSS教程 单行文本上下居中

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

CSS教程 单行文本上下居中
  • HTML中字体设置下划线
  • css中怎么让字在背景上显示
  • CSS 图像拼合技术,实现图标竖直排列
  • js如何改变div的属性
  • css如何让图片适应div的大小
  • 热门搜索
    维生素d的作用及功能 环保知识竞赛题目 艾草的功效与作用 酸萝卜炒什么好吃 红小豆的功效与作用 葡萄酒知识 运动会接力赛作文 红参须的功效与作用 庆大霉素的作用 卡卡西为什么杀琳