在编写HTML时,怎样让DIV文字居中?

在编写HTML时,怎样让DIV文字居中?,第1张

我们在HTML页面中编写DIV的时候,文字一般都默认对齐在DIV的左上角,那么怎么让DIV中的文字居中呢?下面小编给大家分享一下。

工具/材料

Sublime Text

操作方法

  • 01

    首先打开Sublime Text软件,新建一个HTML页面,如下图所示

    在编写HTML时,怎样让DIV文字居中?,第2张
  • 02

    然后我们在html页面中加入div标签,并且在div标签中加入一些文字,如下图所示

    在编写HTML时,怎样让DIV文字居中?,第3张
  • 03

    接下来我们给div标签编写CSS样式,如下图所示,这里主要是text-align和line-height两个属性,如下图所示

    在编写HTML时,怎样让DIV文字居中?,第4张
  • 04

    最后我们运行页面程序,你就会在页面中看到div中的文字水平垂直都居中了,如下图所示

    在编写HTML时,怎样让DIV文字居中?,第5张
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
白度搜_经验知识百科全书 » 在编写HTML时,怎样让DIV文字居中?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情