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的大小
  • 热门搜索
    世界水日手抄报 读书小报手抄报 国庆节手抄报 护眼手抄报 关于中秋节的手抄报 节约粮食手抄报 手抄报边框 数学手抄报 爱祖国手抄报 遨游汉字王国手抄报