快好知 kuaihz

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

我们进行页面开发的时候,最经常用的就是div标签了,那么div中的内容如何居中显示呢,下面小编给大家分享一下。

工具/材料

Sublime Text

操作方法

01:

首先我们用sublime先创建一个html,并且在html里面加入div,如下图所示

02:

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

03:

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

04:

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

05:

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

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:中设  中设词条  居中  居中词条  方法  方法词条  显示  显示词条  css  css词条  
技术

 如何在IntelliJ IDEA...

我们用IntelliJ IDEA编辑好Java项目以后,一般需要生成一个JavaDoc文档供相关人员阅读。那么如何生成JavaDoc文档呢?下面小编给大家演示一...(展开)

技术

 投诉淘宝卖家怎么投诉

操作方法01:首先可以打开登录手机淘宝,然后点击我的淘宝–设置–我的小密,然后就能看到可以催发货,还可以询问如何退款,如何投诉卖家。02:点击小蜜给你发送的如何...(展开)