1、首先在電腦端找到代碼文檔,打開要修改的html結構的文檔。

2、然后準備寫一個div用來放內(nèi)容,可以給div設置邊框。

3、然后在div中添加內(nèi)容,顯示出來會發(fā)現(xiàn)內(nèi)容偏向于左上角,如圖所示。

4、接著給div設置水平居中,并且設置行高為div的高度,讓其水平垂直居中。

5、還可以改變div的屬性,讓其display屬性為table-cell,在table單元格中可以通過vertical-align垂直居中。

6、若使用display轉化后,margin的auto屬性不起作用,可以運用柵欄系統(tǒng)進行布局,如圖所示。
