CSS中將div居中顯示是前端開發中的一項重要技能。本文將為大家介紹兩種方法來實現這一功能。

方法一：使用text-align屬性居中

我們可以為包含div的的父元素設置text-align:center，這樣就能使div元素水平居中。

父元素 {
text-align: center;
}
div {
display: inline-block;
}

上面的代碼中，我們使用display:inline-block來讓div元素變成行內元素并保留塊級元素的特性，這樣就能保證其垂直居中。

方法二：使用flexbox居中

對于現代瀏覽器來說，我們還可以使用flexbox來輕松實現水平和垂直居中。

父元素 {
display: flex;
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
}

注意，使用flexbox需要父元素的display屬性值被設置為flex。

以上兩種方法都能成功實現div居中效果。具體選擇方法要根據項目需求和兼容性要求來考慮。希望大家能夠靈活運用。