CSS定位是一种常用的技术，在Web页面布局中起到至关重要的作用。其中，让元素居中是一个很重要的技能，今天我们来看一下如何使用CSS实现在页面中心定位。

代码片段：
.center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

在上面的代码中，我们首先设置元素的position属性为absolute，这是因为我们需要通过left和top属性来精确控制元素在页面中心的位置。接着，我们使用left: 50%和top: 50%来分别将元素的左上角定位在页面的中心位置。

但是，我们会发现元素的左上角实际上是在页面中心的右下角，因此我们需要使用CSS3的transform属性来让元素真正的居中。transform: translate(-50%, -50%)的意思是将元素向左移动自己宽度的50%，向上移动自己高度的50%。这样就可以实现将元素真正的居中了。

值得注意的是，这种方式只适用于已知元素的宽度和高度的情况。如果元素的宽度和高度是动态的，那么我们可以通过JavaScript来计算元素的宽度和高度，并将其赋值给元素的样式属性。