一個是橫豎居中，一個是橫著居中，一個是豎著居中。

這個表示這個元素上方的空隙佔視窗高度的50%，左方的空隙佔視窗寬度的50%這個就表示元素在X軸移動元素一半寬度的距離，並在Y軸移動元素一半高度的距離所以這樣就可以做到讓元素橫豎都居中了。所以如果你想讓一大塊東西在瀏覽器內橫豎都居中，就直接外面套個div給個center的class就行：這只是一種方法。有很多對於垂直居中研究很深的文章，題主可以去找找。

（1）正確的DOCTYPE型別設定，讓瀏覽器以標準模式渲染html,css

（2）div設定寬度值，margin-left,margin-right設為auto

（3）div不使用浮動，即保持預設的float:none

1、首先開啟Sublime Text軟體，新建一個HTML頁面，

2、然後我們在html頁面中加入div標籤，並且在div標籤中加入一些文字，

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

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