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的大小
  • 热门搜索
    我的寒假生活手抄报 美德少年手抄报 2020清明节手抄报 好书伴我成长手抄报 小学生爱国手抄报 无烟日手抄报 和谐校园手抄报 抗病毒手抄报图片 感恩手抄报图片 感恩父母的手抄报