CSS樣式中使div居中是網頁布局中常見的技巧，下面我們來介紹一下實現方式。

首先，我們需要知道div元素默認情況下是不居中的。但通過設置樣式，我們可以讓div元素水平和垂直居中。

.center-div {
position: absolute; /* 使用絕對定位 */
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 使用transform屬性，通過偏移來使div居中 */
}

上述CSS樣式中，我們真正起到了使div居中的作用的是transform: translate(-50%, -50%); 屬性。這個屬性實現的是div向上和向左偏移了50%。由于div自身寬高的一半也是50%，所以偏移的值也是50%。

通過上述樣式，我們可以讓div居中的方式就是相對于父容器使用絕對定位，然后偏移50%實現居中效果。這種方式是常見的使用方式。常用于模態框的居中顯示、圖片的居中顯示等。