CSS是网页设计中必不可少的语言，其中一个重要的功能是将元素居中。当我们需要将一个div移动至页面的中心位置时，可以采用以下两种方法。

1.使用margin属性

div{
width: 300px;
height: 200px;
background-color: #ccc;
margin: auto;
}

在上述代码中，div元素的宽度为300像素，高度为200像素，背景颜色为灰色。margin属性设置为auto即可自动居中。

2.使用flex布局

.container{
display: flex;
justify-content: center;
align-items: center;
}
div{
width: 300px;
height: 200px;
background-color: #ccc;
}

上述代码中，首先将父元素容器的display属性设置为flex，然后justify-content属性设置为center，让子元素水平居中。align-items属性设置为center，让子元素垂直居中。

以上就是两种常用的将div元素居中的方法。根据实际需要来选择合适的方法，可以更好地实现页面布局效果。