這篇文章主要講解了“css怎么實(shí)現(xiàn)背景圖片居中和文字內(nèi)容居中”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css怎么實(shí)現(xiàn)背景圖片居中和文字內(nèi)容居中”吧！

創(chuàng)新互聯(lián)建站是一家從事企業(yè)網(wǎng)站建設(shè)、做網(wǎng)站、成都網(wǎng)站建設(shè)、行業(yè)門戶網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)制作的專業(yè)網(wǎng)站制作公司，擁有經(jīng)驗(yàn)豐富的網(wǎng)站建設(shè)工程師和網(wǎng)頁(yè)設(shè)計(jì)人員，具備各種規(guī)模與類型網(wǎng)站建設(shè)的實(shí)力，在網(wǎng)站建設(shè)領(lǐng)域樹立了自己獨(dú)特的設(shè)計(jì)風(fēng)格。自公司成立以來曾獨(dú)立設(shè)計(jì)制作的站點(diǎn)成百上千家。

在DIV CSS機(jī)關(guān)的頁(yè)面里，從組織形式到頁(yè)面里文章筆墨居中都黑白常重要的，而css來設(shè)置居中也是很是簡(jiǎn)單的。

1、首先引見運(yùn)用css屬性讓團(tuán)體結(jié)構(gòu)的居中：
配置對(duì)象的父級(jí)形式居中，這里一個(gè)頁(yè)面的為父級(jí)是什么呢？我們也許構(gòu)想整個(gè)頁(yè)面的模式是由和這兩個(gè)收羅，那遵照較近父級(jí)我們就配置body的CSS來完成居中標(biāo)題，興許向在模式里居中有text-align:center;具體css的居中代碼為：
body{text-aligh:center; }  可是即便多么也會(huì)出現(xiàn)題目，由于你沒有設(shè)置布局有多寬“width  ”，一旦你模式構(gòu)造中在最外層css管制中，配置了float:屬性，那結(jié)構(gòu)將會(huì)向你設(shè)置的float:方向靠，整治辦法，除了設(shè)置裝備擺設(shè)body的居中的css屬性外，還需對(duì)組織對(duì)象設(shè)置居中 ，況且或界說寬度是多少，假如網(wǎng)頁(yè)寬度為700px，最外層css樣式為的class="weicheng"，那設(shè)置應(yīng)該多么“.weicheng{margin:0 auto; width:700px;}  ”便可而這個(gè)元素在IE下有效，經(jīng)由過程試驗(yàn)在火狐等涉獵器下只除了此父級(jí)（body）設(shè)置裝備擺設(shè)text-aligh:center;居中 是沒法讓結(jié)構(gòu)居中，那我們還需要對(duì)該對(duì)象配置個(gè)“margin:0  auto ; ”這個(gè)是什么含義呢，意義是模式凹凸為0隔斷，而擺布為“auto  ”積極，這樣就能設(shè)置完成網(wǎng)頁(yè)機(jī)關(guān)居中(這里配置margin:5px auto; 同樣成就不影響履行)。完整實(shí)例為（可將代碼拷貝新建html文件涉獵觀察遲疑造詣）：

                    我是css中的居中的試驗(yàn);我的機(jī)關(guān)外層有一個(gè)邊為1px彩色邊，我寬700px，高為200px,配置了與頂部模式隔斷為5PX