让div在页面居中的方法

可以使用以下两种方法将 div 元素在页面中居中：

1. 使用 CSS

可以使用 CSS 的 flex 布局来实现居中，具体方法如下：

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

其中，`.container` 是包含 div 元素的容器，将其设置为 flex 布局，并通过 `justify-content` 和 `align-items` 属性来实现水平和垂直居中。

2. 使用 JavaScript

可以使用 JavaScript 来计算 div 元素应该相对于页面的位置，具体方法如下：

<div id="center">Hello, world!</div>

var div = document.getElementById('center');
div.style.position = 'absolute';
div.style.left = (window.innerWidth - div.offsetWidth) / 2 + 'px';
div.style.top = (window.innerHeight - div.offsetHeight) / 2 + 'px';

其中，`div` 是要居中的 div 元素，将其设置为绝对定位，并通过计算页面宽高和 div 元素宽高来设置其 left 和 top 属性，从而实现居中。