div上下居中有很多方式

方式一利用vertical-align

1.父div外層再配置一個div，同時設置為display:table，寬度為100%

2.父div配置位表格單元格元素display:table-cell和上下居中屬性vertical-align:middle

1、首先打開SublimeText軟件，新建一個HTML頁面，

2、然后我們在html頁面中加入div標簽，并且在div標簽中加入一些文字，

3、接下來我們給div標簽編寫CSS樣式，這里主要是text-align和line-height兩個屬性，

4、最后我們運行頁面程序，你就會在頁面中看到div中的文字水平垂直都居中了。