在進(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)時(shí)，很多時(shí)候我們需要對(duì)整個(gè)頁(yè)面進(jìn)行樣式調(diào)整，而其中一個(gè)很重要的問(wèn)題就是將網(wǎng)頁(yè)底部?jī)?nèi)容設(shè)置成版心居中。但很多新手程序員可能會(huì)遇到一個(gè)問(wèn)題，就是無(wú)論如何調(diào)整代碼，底部?jī)?nèi)容都無(wú)法居中的情況。

我們可以先來(lái)看一下上述代碼中底部部分的HTML和CSS代碼，其中容器div的樣式為width為100%，最大寬度為1200px，水平居中通過(guò)margin：0 auto實(shí)現(xiàn)，底部?jī)?nèi)容的居中則是通過(guò)text-align:center這個(gè)CSS屬性來(lái)實(shí)現(xiàn)的。但是，我們會(huì)發(fā)現(xiàn)設(shè)置的margin屬性無(wú)效，底部?jī)?nèi)容無(wú)法居中。

造成這個(gè)問(wèn)題的原因很簡(jiǎn)單，就是由于父元素footer沒(méi)有設(shè)置明確的高度，無(wú)論如何設(shè)置margin屬性都是無(wú)效的。因此，為了解決這個(gè)問(wèn)題，我們需要設(shè)置footer的高度。

我們只需要在footer的樣式中添加height屬性，并在內(nèi)部的p標(biāo)簽中添加height和line-height屬性，同時(shí)將p標(biāo)簽的margin設(shè)置為0即可。因?yàn)閜標(biāo)簽的高度設(shè)置與line-height屬性相同，因此我們可以通過(guò)line-height來(lái)實(shí)現(xiàn)p標(biāo)簽的垂直居中。這種方式可以適用大部分情況下，如果高度不夠，可以按需自己調(diào)節(jié)。

總結(jié)起來(lái)，HTML底部設(shè)置版心居中無(wú)效的問(wèn)題通常是由于footer元素沒(méi)有設(shè)置高度引起的。因此，我們只需要在footer和p元素中添加對(duì)應(yīng)的高度屬性，即可解決這個(gè)問(wèn)題。