html里div居中需要注意哪一些

假如最外層DIV盒子的CSS命名為“#divcss5”,這個(gè)時(shí)候?yàn)榱思嫒莞鞔鬄g覽器實(shí)現(xiàn)最外層的這個(gè)盒子居中。

一條件：

這個(gè)時(shí)候?qū)Α癰ody”設(shè)置css內(nèi)容居中樣式（text-align:center）

即CSS代碼：

body{text-align:center}

一設(shè)置：

這個(gè)時(shí)候?qū)Α?divcss5”設(shè)置居中必備樣式css margin

即CSS代碼：

#divcss5{margin:0 auto}

DIV居中用法實(shí)例

為了便于觀察布局居中效果，我們?cè)賹?duì)“#divcss5”加一個(gè)css邊框?yàn)楹谏�，css寬度為300px;高度為100px樣式。

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

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

2、對(duì)應(yīng)html代碼片段：

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

div居中需要注意的事項(xiàng)就這么多了，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)推薦:

html 的<header>標(biāo)簽需要怎么使用

html文檔類型聲明怎么寫

css3里怎么顯示圓形圖片

以上就是html里div居中需要注意哪些的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！