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的大小
  • 热门搜索
    陕西省旅游局 辽宁省旅游局 泰宁旅游攻略 去迪拜旅游要多少钱 新疆旅游注意事项 携程旅游网官网 厦门鼓浪屿旅游 河池旅游 南阳旅游景点 东南亚旅游推荐