CSS中，使用div進(jìn)行布局是最為常見的方式之一。但在實(shí)際應(yīng)用中，我們經(jīng)常需要將div居中顯示。下面將介紹如何實(shí)現(xiàn)div的水平居中。

首先，需要明確一點(diǎn)的是，父元素的寬度必須已知。在這個(gè)前提下，我們可以使用以下方法：

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

即在父元素中設(shè)置文本的對齊方式為居中，同時(shí)讓子元素以內(nèi)聯(lián)塊元素的方式展示。這樣就可以實(shí)現(xiàn)水平居中的效果。

但是，如果子元素是塊級元素，則無法使用以上方法實(shí)現(xiàn)水平居中。可以嘗試使用以下方法：

父元素{
position: relative;
}
子元素{
position: absolute;
left: 50%;
transform: translateX(-50%);
}

即在父元素中設(shè)置定位元素的位置為相對定位，子元素則使用絕對定位。通過將left屬性設(shè)置為50%，再使用transform屬性的translateX(-50%)來讓子元素居中。

以上兩種方法都可以實(shí)現(xiàn)div的水平居中，具體使用哪種方式則需要根據(jù)實(shí)際需求來決定。