CSS3中的absolute屬性是常用于居中元素的一個重要屬性。對于需要進行居中操作的元素，我們可以使用該屬性來控制元素的位置。

// HTML代碼
<div class="container">
<div class="box"></div>
</div>
// CSS代碼
.container{
position: relative;
width: 500px;
height: 500px;
}
.box{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
background-color: yellow;
}

首先，我們需要將父容器的position屬性設置為relative，以便在內部絕對定位元素。其次，我們需要在需要居中的元素上設置position: absolute。接著，把上、左位置設置成50%的值。這樣會導致元素的左上角處于其父元素的中心。

但是，這樣設置是不夠的。元素的位置仍然是左上角處于中心。我們需要使用transform屬性來調整元素的位置，這樣就可以在父元素中垂直和水平居中了。transform: translate(-50%, -50%);的作用是向左和向上移動元素的50%寬度和高度， 這會導致元素跟父元素的中心重疊。

通過這種方法，我們可以輕松地將元素垂直水平居中。對于任何需要居中的元素，我們都可以使用這種方法進行處理。