html使div垂直居中于页面

您可以使用以下 CSS 属性将 div 垂直居中于页面：

div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

这将把 div 的位置设置为绝对定位，然后将其顶部位置设置为页面的中央。接下来，使用 `transform` 属性将 div 向上移动到其自身高度的一半，以使其完全垂直居中于页面。

请注意，此方法将使 div 相对于页面的顶部位置为 50%，而不是相对于其父元素的顶部位置为 50%。如果您想将 div 垂直居中于其父元素，请使用相同的 CSS 属性，但将 div 的父元素设置为相对位置。

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

在这种情况下，`.parent` 元素应设置为相对定位，`.child` 元素应设置为绝对定位，并使用相同的 CSS 属性将其垂直居中于其父元素。