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的大小
  • 热门搜索
    沙湖旅游景点介绍 深圳南澳旅游攻略 六安旅游景点大全 欧洲旅游指南 香港旅游注意事项 旅游搜索引擎 辽宁旅游局 四川九寨沟旅游 西溪湿地旅游攻略 酷讯旅游网