html標籤div怎麼上下對齊

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中的文字水平垂直都居中了。