CSS中的寬度、高度和居中對于網(wǎng)頁的排版布局非常重要，可以使網(wǎng)頁元素更加美觀、整潔。下面我們來介紹一下如何在CSS中使用寬度、高度和居中功能。

/* 設置寬度和高度 */
#box{
width:500px;
height:300px;
}
/* 設置水平居中 */
#box{
margin:0 auto;
}
/* 設置垂直居中 */
#box{
position:absolute;
top:50%;
left:50%;
margin-top:-150px;
margin-left:-250px;
}

在上面的代碼中，我們使用了id選擇器來選擇一個id為“box”的網(wǎng)頁元素進行設置。在第一段代碼中，我們設置了這個元素的寬度為500px，高度為300px。這樣就可以讓這個元素擁有一個比較明顯的大小，讓用戶更清晰地看到這個元素的內容。

在第二段代碼中，我們使用了margin屬性來設置元素的水平居中。通過給元素的左右margin都設置為“auto”，可以讓元素水平居中于容器中心。這種方法適用于父容器寬度已知的情況。

在第三段代碼中，我們使用了position、top和left屬性來設置元素的垂直居中。通過給元素設置絕對定位，并使用top和left屬性，將元素移動到容器的中心。需要注意的是，這種方法適用于元素寬度和高度已知的情況。

通過以上的CSS代碼設置，我們可以實現(xiàn)網(wǎng)頁元素的寬度、高度和居中功能，讓網(wǎng)頁看起來更加整潔、美觀。