CSS中讓div居中一直是前端開(kāi)發(fā)者所面臨的一個(gè)挑戰(zhàn)，但是實(shí)際上有很多種方法可以實(shí)現(xiàn)。

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

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

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

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

當(dāng)然，還有一種方法是使用定位屬性。將你的div設(shè)為絕對(duì)定位并且將其放在父容器的中心。

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

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