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元素居中的方法。根據實際需要來選擇合適的方法，可以更好地實現頁面布局效果。