在網(wǎng)頁(yè)設(shè)計(jì)中，有一種居中布局的方法被廣泛運(yùn)用：絕對(duì)居中。這種布局方式可以讓元素在父容器中水平和垂直居中。在CSS中，需要使用position和transform屬性實(shí)現(xiàn)絕對(duì)居中。

.center {
position: absolute; /* 把元素設(shè)置為絕對(duì)定位 */
top: 50%; /* 把元素的上邊緣距離父容器頂部的距離設(shè)置為50% */
left: 50%; /* 把元素的左邊緣距離父容器左側(cè)的距離設(shè)置為50% */
transform: translate(-50%, -50%); /* 使用transform屬性把元素向上和向左移動(dòng)自身寬高的50% */
}

以上代碼中，使用了position屬性將元素設(shè)置為絕對(duì)定位，并使用top和left屬性將元素的左上角移動(dòng)到父容器的中央。但是這樣只是讓元素的左上角位于中央，需要使用transform屬性進(jìn)一步將元素向上和向左移動(dòng)一定距離，這樣就可以實(shí)現(xiàn)絕對(duì)居中了。