养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-28 16:27:37

HTML是比较简单的一种标记语言,我们在书写代码时水貔藻疽,有时候需要把文字居中,配合起DIV使用还是需要一定的步骤和注意事项的,那么应该怎么做呢?

工具/原料

HBuilder

方法/步骤

1、新建一个html文件,先切换到边改边看模式。

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

2、写一个div出来,同时在内部加上一些文字。

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

3、使用css增加属性,使得div的区域看得清楚。

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

4、使用text-align:center属性使得文字横向居中。

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

5、设置行高,使这行文字实际占用的高度和div高度相同,就产生了居中效果。

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

6、如果是多行文字,需要配合行内标签p和它的padding属性来完成居中。

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

© 一点知识