假如最外層DIV盒子的CSS命名為“#divcss5”,這個時候為了兼容各大瀏覽器實現最外層的這個盒子居中。

一條件：

這個時候對“body”設置css內容居中樣式（text-align:center）

即CSS代碼：

body{text-align:center}

一設置：

這個時候對“#divcss5”設置居中必備樣式css margin

即CSS代碼：

#divcss5{margin:0 auto}

DIV居中用法實例

為了便于觀察布局居中效果，我們再對“#divcss5”加一個css邊框為黑色，css寬度為300px;高度為100px樣式。

1、最終得到DIV居中的CSS代碼：

body{ text-align:center} 
#divcss5{margin:0 auto;border:1px solid #000;width:300px;height:100px}

2、對應html代碼片段：

<div id="divcss5">DIV水平居中案例</div>

div居中需要注意的事項就這么多了，更多精彩請關注php中文網其它相關文章！

相關推薦:

html 的<header>標簽需要怎么使用

html文檔類型聲明怎么寫

css3里怎么顯示圓形圖片

以上就是html里div居中需要注意哪些的詳細內容，更多請關注php中文網其它相關文章！