div居中可以用外邊距margin屬性來實現。

1、新建html文件，在body標籤中新增div標籤，標籤的id為“header”，這時因為div標籤中沒有內容且沒有設定樣式，所以網頁中顯示空白：

2、這時為div標籤設定原題中的css樣式，此時雖然div盒子顯示了，但是沒有居中：

3、此時為div新增一個“margin: 0 auto”屬性就會居中顯示，“margin”指的是div標籤的外邊距，“0”指的是div標籤上下的外邊距，“auto”指的是div標籤左右的外邊距，並且會根據瀏覽器視窗大小自動居中，這時就是完整的html和css程式碼：

1、新建一個html檔案，先切換到邊改邊看模式。

2、寫一個div出來，同時在內部加上一些文字。

3、使用css增加屬性，使得div的區域看得清楚。

4、使用text-align:center屬性使得文字橫向居中。

5、設定行高，使這行文字實際佔用的高度和div高度相同，就產生了居中效果。

6、如果是多行文字，需要配合行內標籤p和它的padding屬性來完成居中。