CSS3中的absolute属性是常用于居中元素的一个重要属性。对于需要进行居中操作的元素，我们可以使用该属性来控制元素的位置。

// HTML代码<p ><p ></p></p>// 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%宽度和高度， 这会导致元素跟父元素的中心重叠。

通过这种方法，我们可以轻松地将元素垂直水平居中。对于任何需要居中的元素，我们都可以使用这种方法进行处理。