CSS中讓div居中一直是前端開發者所面臨的一個挑戰，但是實際上有很多種方法可以實現。

最簡單的方法是使用CSS中的text-align屬性和margin屬性。將你的div聲明為塊級元素，然后使用margin屬性將其居中。

div {
margin: 0 auto;
text-align: center;
}

另外一種方法是使用flexbox布局。這是CSS3中的一個新特性，可以讓我們輕松地進行元素的布局。在這種情況下，在帶有display:flex屬性的容器中，可以使用justify-content:center和align-items:center屬性將元素水平和垂直居中。

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

當然，還有一種方法是使用定位屬性。將你的div設為絕對定位并且將其放在父容器的中心。

.parent {
position:relative;
}
.div {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

在CSS中實現div居中有許多種方法。這里介紹的只是其中的一部分。特別是在實踐之后，你應該能夠找到最適合你的項目的方式。