在HTML中，div作為一個(gè)容器經(jīng)常被用來裝載其他HTML元素，并且通過CSS樣式進(jìn)行美化。而我們想要讓一個(gè)div在頁(yè)面中居中顯示，該怎樣寫代碼呢？

div {
width: 200px;
height: 200px;
background-color: #ccc;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}

上述代碼讓一個(gè)寬高為200px的div在頁(yè)面中水平和垂直方向上都居中顯示。其中，通過設(shè)置div元素的position屬性為absolute來讓它相對(duì)于父元素定位，然后通過top和left屬性使div水平和垂直上都居中。但是只有這些還不夠，我們還需要將div元素的上邊距和左邊距設(shè)置為它自己寬高的一半，這樣才能讓div元素完全居中。

總結(jié)一下，想要讓一個(gè)div在頁(yè)面中居中顯示，我們需要設(shè)置以下CSS樣式：

• position: absolute; （相對(duì)于父元素定位）
• top: 50%; （垂直居中）
• left: 50%; （水平居中）
• margin-top: -XXXpx; （上邊距設(shè)置為自身高度一半）
• margin-left: -XXXpx; （左邊距設(shè)置為自身寬度一半）

希望這篇文章能對(duì)你有所幫助！