我们进行页面开发的时候，最经常用的就是div标签了，那么div中的内容如何居中显示呢，下面小编给大家分享一下 。
工具/材料
SublimeText
首先我们用sublime先创建一个html，并且在html里面加入div，如下图所示


然后我们在div中加入一些文字，如下图所示，文字用span包裹起来


运行页面程序以后我们会看到文字在div的左上角，并没有居中的效果，如下图所示

【css中设置div居中显示的方法】

接下来我们就需要用CSS给div中的内容设置居中了，如下图所示，通过text-align和line-height实现


最后运行界面程序，我们看到div中的内容这次水平和垂直都居中了，如下图所示

• 春天|2022年春天会不会干旱
• 春天|2022年春天是几月到几月
• 北京|2022冬奥会中国得了几块金牌
• 神兽|中国十大传统神兽,中国神兽有哪些
• ?五一|2022年五一上海限行吗
• 夏至|2022夏至前后是一年中最热的吗
• 武汉|武汉十大人才市场 武汉最火爆的人才市场
• 七月十五|2022七月十五中元节能添坟土吗
• 中元节|2022年中元节晚上几点不可以出去
• 商场|中国十大顶级商场,国内有名的十大顶级购物中心