在進(jìn)行CSS樣式設(shè)計(jì)時(shí)，很多開發(fā)者經(jīng)常會(huì)遇到網(wǎng)頁不居中的問題。

這個(gè)問題可能會(huì)出現(xiàn)在我們制作的網(wǎng)頁上的各個(gè)部分，包括頭部導(dǎo)航、正文內(nèi)容以及底部區(qū)域等。

造成這個(gè)問題的原因可能有多種，常見的原因包括：

body或父容器沒有設(shè)置居中屬性；
引入了外部樣式表，但無法居中；
設(shè)置了浮動(dòng)屬性導(dǎo)致影響居中效果等。

那么，有什么好的解決方法嗎？

方法一：通過設(shè)置margin值自動(dòng)居中。

.wrapper{
width: 960px;
margin: 0 auto;
}

以上代碼中，設(shè)置了包含框(wrapper)的寬度為960px，且將它的左右margin值設(shè)置為‘0 auto’，它就會(huì)自動(dòng)居中。

方法二：通過text-align屬性及display:inline-block屬性實(shí)現(xiàn)居中。

.box{
width: 300px;
height: 200px;
margin: 0 auto;
display: inline-block;
text-align: center;
}

以上代碼中，將內(nèi)部元素的display屬性設(shè)置為inline-block，并將包含框的text-align屬性設(shè)置為center，就能夠?qū)崿F(xiàn)內(nèi)容居中。

當(dāng)然，以上兩種方法也并不是絕對(duì)的解決方案，我們需要從具體情況具體分析，并根據(jù)實(shí)際問題進(jìn)行調(diào)整。希望以上這些經(jīng)驗(yàn)?zāi)軌驇椭憬鉀QCSS網(wǎng)頁不居中的問題。