要将div元素在页面上居中，您可以使用以下几种方法：
1. 使用`margin`属性：
```css
div {
width: 200px；
height: 200px；
margin: 0 auto；
background-color: ccc；
}
```
2. 使用`display: flex`配合`justify-content`和`align-items`属性：
```css
div {
display: flex；
justify-content: center；
align-items: center；
width: 200px；
height: 200px；
background-color: ccc；
}
```
3. 使用`position: absolute`配合`left`、`right`、`top`、`bottom`和`margin`属性：
```css
div {
position: absolute；
left: 0；
right: 0；
top: 0；
bottom: 0；
margin: auto；
width: 200px；
height: 200px；
background-color: ccc；
}
```
4. 使用`position: fixed`配合`top`、`right`、`bottom`、`left`和`margin`属性：
```css
div {
position: fixed；
top: 0；
right: 0；
bottom: 0；
left: 0；
margin: auto；
width: 200px；
height: 200px；
background-color: ccc；
}
```
5. 使用`grid`布局配合`justify-items`和`align-items`属性：
```css
div {
display: grid；
justify-items: center；
align-items: center；
width: 200px；
height: 200px；
background-color: ccc；
}
```
您可以根据您的具体需求选择合适的方法。
