CSS中讓div居中對齊是一種常見的網頁布局需求。有多種方法可以實現此目標，下面將介紹三種常見方法。

第一種方法是使用margin屬性。可以通過在CSS中設置div的margin屬性，讓它居中對齊。下面是代碼示例：

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

以上代碼將使div水平居中對齊。設定margin的左右值為“auto”，可以自動計算div的寬度，從而實現水平居中對齊。

第二種方法是使用flexbox布局。使用flexbox布局可以使容器的子項更輕松地居中對齊。下面是代碼示例：

.container {
??display: flex;
??justify-content: center;
??align-items: center;
}

以上代碼將使包含div的容器垂直和水平居中對齊。這是因為，justify-content屬性指定了子項在容器中的水平對齊方式，而align-items屬性指定了子項在容器中的垂直對齊方式。

第三種方法是使用position屬性。可以通過將div的位置設置為“absolute”，然后將其左右邊緣與窗口的側邊緣對齊，從而實現水平居中對齊。下面是代碼示例：

div {
??position: absolute;
??width: 200px;
??height: 100px;
??background-color: #ccc;
??top: 50%;
??left: 50%;
??transform: translate(-50%, -50%);
}

以上代碼將使div水平和垂直居中對齊。使用position屬性可以使div脫離文檔流，但是需要注意的是，其容器必須設定相對定位，否則div將相對于整個文檔進行定位。