实现div在页面中垂直水平居中

要实现在页面中垂直水平居中的div，可以使用以下的CSS样式：

div {
  position: absolute; /* 绝对定位 */
  top: 50%; /* 父元素顶部距离为50% */
  left: 50%; /* 父元素左侧距离为50% */
  transform: translate(-50%, -50%); /* 平移 */
}

这样就可以将div元素置于页面中央了。需要注意的是，这种方法需要将父元素设置为相对定位或绝对定位，否则无法生效。