我們進行頁面開發的時候，最經常用的就是p標簽了，那么p中的內容如何居中顯示呢，下面小編給大家分享一下。

工具/材料

Sublime Text

操作方法

• 01

  首先我們用sublime先創建一個html，并且在html里面加入p，如下圖所示

  
• 02

  然后我們在p中加入一些文字，如下圖所示，文字用span包裹起來

  
• 03

  運行頁面程序以后我們會看到文字在p的左上角，并沒有居中的效果，如下圖所示

  
• 04

  接下來我們就需要用CSS給p中的內容設置居中了，如下圖所示，通過text-align和line-height實現

  
• 05

  最后運行界面程序，我們看到p中的內容這次水平和垂直都居中了，如下圖所示