我們進(jìn)行頁面開發(fā)的時(shí)候,最經(jīng)常用的就是div標(biāo)簽了,那么div中的內(nèi)容如何居中顯示呢,下面小編給大家分享一下 。
工具/材料【css中設(shè)置div居中顯示的方法】SublimeText
操作方法01、首先我們用sublime先創(chuàng)建一個html,并且在html里面加入div,如下圖所示

02、然后我們在div中加入一些文字,如下圖所示,文字用span包裹起來
03、運(yùn)行頁面程序以后我們會看到文字在div的左上角 , 并沒有居中的效果,如下圖所示
04、接下來我們就需要用CSS給div中的內(nèi)容設(shè)置居中了,如下圖所示,通過text-align和line-height實(shí)現(xiàn)
05、最后運(yùn)行界面程序,我們看到div中的內(nèi)容這次水平和垂直都居中了 , 如下圖所示
推薦閱讀
- 蚌埠順豐龍子湖區(qū)集散中心地址
- 在Word表格中如何按拼音排序?
- 在Access 2007窗體中添加命令按鈕
- 昆五中有食堂嗎
- 隆堯?qū)嶒?yàn)中學(xué)是國辦學(xué)校嗎
- 諸暨暨南小學(xué)升初中在哪里
- 大學(xué)offer上中國的地址是亂碼
- html5設(shè)置圖片自適應(yīng)屏幕寬度
- 自貢旅游職業(yè)高級中學(xué)可以高考嗎
- 永生中困在仙府中的人是誰
