css中設(shè)置div居中顯示的方法
2022-02-23
我們進(jìn)行頁面開發(fā)的時(shí)候，最經(jīng)常用的就是p標(biāo)簽了，那么p中的內(nèi)容如何居中顯示呢，下面小編給大家分享一下。
工具/材料
Sublime Text
操作方法
- 01
首先我們用sublime先創(chuàng)建一個(gè)html，并且在html里面加入p，如下圖所示
- 02
然后我們?cè)趐中加入一些文字，如下圖所示，文字用span包裹起來
- 03
運(yùn)行頁面程序以后我們會(huì)看到文字在p的左上角，并沒有居中的效果，如下圖所示
- 04
接下來我們就需要用CSS給p中的內(nèi)容設(shè)置居中了，如下圖所示，通過text-align和line-height實(shí)現(xiàn)
- 05
最后運(yùn)行界面程序，我們看到p中的內(nèi)容這次水平和垂直都居中了，如下圖所示
詞條內(nèi)容僅供參考，如果您需要解決具體問題
（尤其在法律、醫(yī)學(xué)等領(lǐng)域），建議您咨詢相關(guān)領(lǐng)域?qū)I(yè)人士。