我們進(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é)可以高考嗎
- 永生中困在仙府中的人是誰