CSS居中讓網(wǎng)頁布局更加美觀舒適，其中讓一個div元素居中是很重要的一部分。下面將介紹如何使用CSS讓div居中。

div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先要讓div使用絕對位置，這是讓它居中的基礎(chǔ)。接著設置它的頂部位置和左側(cè)位置都為50%。這一步讓div左上角的位置在整個網(wǎng)頁中心點的位置上。

但此時div左上角在中心點，仍然不是完全居中，還需借助transform屬性。其中的translate是用于設置div相對于自己的位置，它接收兩個參數(shù)，第一個是水平方向的位移，這里設置成寬度的一半；第二個參數(shù)是豎直方向的位移，這里設置成高度的一半。

以上代碼就可以讓一個div元素在水平和豎直方向上居中了。如果希望div只在水平方向上居中，可以這么寫：

div {
position: absolute;
left: 50%;
transform: translateX(-50%);
}

這里不需要設置top屬性，只需讓div左側(cè)距離瀏覽器左側(cè)50%，然后再通過transform的translateX屬性把div的左側(cè)位置再向左移動50%的寬度。

以上就是CSS讓div居中的兩種方式。希望能夠幫助大家在開發(fā)過程中更好地控制網(wǎng)頁布局。