在CSS中，有一种定位方式叫做absolute，它可以让元素脱离文档流，并可以根据其最近的定位祖先元素来定位。 那么，如何使用absolute使元素居中呢？ 首先，我们需要将要居中的元素的position属性设置为absolute：

p {
position: absolute;
}

接着，我们需要将元素的left和top属性都设置为50%：

p {
position: absolute;
left: 50%;
top: 50%;
}

现在，元素已经跑到了文档的中心，但它是以左上角为原点的，所以我们还需要将元素往左上角偏移。 我们可以使用translate来达到这个效果：

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

这样，我们就成功地将元素水平居中和垂直居中了！ 不过需要注意的是，使用absolute需要注意其最近的定位祖先元素，如果没有定位祖先元素或者定位祖先元素的position属性值不为relative、absolute或fixed，那么元素将以文档的body作为定位祖先元素来进行定位。 所以，当我们使用absolute来进行元素定位时，需要同时在心中构建出这个元素和其父元素的定位关系，确保元素真正地居中。 希望这篇文章对大家理解CSS的absolute定位方式和水平居中和垂直居中方法有所帮助。