這篇文章主要介紹“CSS怎么實(shí)現(xiàn)DIV結(jié)構(gòu)程度居中”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“CSS怎么實(shí)現(xiàn)DIV結(jié)構(gòu)程度居中”文章能幫助大家解決問題。

成都創(chuàng)新互聯(lián)公司專注于成都網(wǎng)站制作、做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開發(fā)。公司秉持“客戶至上,用心服務(wù)”的宗旨,從客戶的利益和觀點(diǎn)出發(fā),讓客戶在網(wǎng)絡(luò)營銷中找到自己的駐足之地。尊重和關(guān)懷每一位客戶，用嚴(yán)謹(jǐn)?shù)膽B(tài)度對(duì)待客戶，用專業(yè)的服務(wù)創(chuàng)造價(jià)值，成為客戶值得信賴的朋友，為客戶解除后顧之憂。

一、div居中完成引見

在結(jié)構(gòu)一張網(wǎng)頁時(shí)，一般網(wǎng)頁主體框架是居中于瀏覽器中的。實(shí)現(xiàn)最外層DIV水準(zhǔn)居中與涉獵器中必要一個(gè)前提與一個(gè)設(shè)置裝備擺設(shè)。

如果最外層DIV盒子的CSS命名為“#CSS5”,這個(gè)時(shí)辰為了兼容各大閱讀器實(shí)現(xiàn)最外層的這個(gè)盒子居中。

一條件：
這個(gè)時(shí)辰對(duì)“body”配置css模式居中花色（text-align:center）

即CSS代碼：

body{text-align:center}

一設(shè)置：

這個(gè)時(shí)辰對(duì)“#CSS5”設(shè)置裝備擺設(shè)居中必備花色css margin 即CSS代碼：

#CSS5{margin:0 auto}

二、DIV居頂用法實(shí)例

為了便于察看組織居中成績，咱們再對(duì)“#CSS5”加一個(gè)css邊框?yàn)楹谏?，css寬度為300px;高度為100px樣式。

1、終極獲得DIV居中的CSS代碼：

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

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

DIV程度居中案例