当前位置:常识百科馆>游戏数码>IT技术>

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

IT技术 阅读(1.99W)

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

工具/材料

Sublime Text

操作方法

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

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

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

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

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

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

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

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