這篇文章主要介紹如何使用css來設置居中，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網(wǎng)站設計制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的武威網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

在DIV CSS構造的頁面里，從機關形式到頁面里文章文字居中都黑白常重要的，而css來配置居中也好壞常簡單的。

1、起首簡介運用css屬性讓整體組織的居中：
配置對象的父級形式居中，這里一個頁面的為父級是什么呢？我們或是構想整個頁面的形式是由與這兩個囊括，那依照較近父級我們就設置裝備擺設body的CSS來完成居中問題，能夠向在形式里居中有text-align:center;具體css的居中代碼為：
body{text-aligh:center; }  然而即便這樣也會呈現(xiàn)標題，由于你沒有配置機關有多寬“width  ”，一旦你形式構造中在最外層css牽制中，配置了float:屬性，那組織將會向你設置的float:傾向靠，規(guī)劃辦法，除了配置body的居中的css屬性外，還需對機關對象配置居中 ，何況或界說寬度是多少，要是網(wǎng)頁寬度為700px，最外層css格局為的class="weicheng"，那設置應當多么“.weicheng{margin:0 auto; width:700px;}  ”即可而這個元素在IE下有效，通過試驗在火狐等涉獵器下只除了此父級（body）設置裝備擺設text-aligh:center;居中 是沒法讓布局居中，那我們還需要對該對象配置個“margin:0  auto ; ”這個是甚么含意呢，含義是模式上下為0隔絕距離，而左右為“auto  ”踴躍，何等就能設置裝備擺設實現(xiàn)網(wǎng)頁結構居中(這里設置margin:5px auto; 異樣成績不影響實驗)。完整實例為（可將代碼拷貝新建html文件涉獵傍觀功效）：

1.   

2.   

3.   

4.   

5.   

6.   

7.   

8.   

9.   

10.   

11. 我是css中的居中的執(zhí)行;我的機關外層有一個邊為1px玄色邊， 我寬700px，高為200px,設置了與頂部模式隔絕距離為5PX