div上下居中有很多方式
方式一 利用vertical-align
1、 父div外層再配置一個div,同時設定爲display:table,寬度爲100%
2、父div配置位表格單元格元素display:table-cell和上下居中屬性vertical-align:middle
1、首先開啟Sublime Text軟件,新建一個HTML頁面
2、然後我們在html頁面中加入div標籤,並且在div標籤中加入一些文字
3、接下來我們給div標籤編寫CSS樣式,這裏主要是text-align和line-height兩個屬性
4、最後我們執行頁面程序,你就會在頁面中看到div中的文字水平垂直都居中了。