我們進行頁面開發的時候，最經常用的就是div標簽了，那么div中的內容如何居中顯示呢，下面給大家分享一下。 工具/材料 Sublime Text 操作方法 01 首先我們用sublime先創建一個html，并且在html里面加入div，如下圖所示 02 然后我們在div中加入一些文字，如下圖所示，文字用span包裹起來 03 運行頁面程序以后我們會看到文字在div的左上角，并沒有居中的效果，如下圖所示 04 接下來我們就需要用CSS給div中的內容設置居中了，如下圖所示，通過text-align和line-height實現 05 最后運行界面程序，我們看到div中的內容這次水平和垂直都居中了，如下圖所示

總結

以上是生活随笔為你收集整理的css中设置div居中显示的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。