<div> 中間顯示是指將一個(gè)元素水平居中顯示在其父元素內(nèi)部的技術(shù)。
CSS中有多種方法可以實(shí)現(xiàn)這一效果，下面將介紹幾個(gè)常用的代碼案例來詳細(xì)解釋說明。
第一種方法是使用flex布局。通過設(shè)置父元素的display為flex，再將其內(nèi)部元素的justify-content屬性值設(shè)置為center，就可以實(shí)現(xiàn)水平居中顯示。

.p\_container{
display: flex; 
justify-content: center;
}

第二種方法是使用絕對(duì)定位。父元素設(shè)置position為relative，然后通過設(shè)置子元素的position為absolute，再將其left和right屬性值設(shè)置為0，可以實(shí)現(xiàn)水平居中顯示。

.p\_container{
position: relative;
}
.p\_child{
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}

第三種方法是使用transform屬性。通過設(shè)置子元素的transform屬性值為translateX(-50%)，再將其left屬性值設(shè)置為50%，可以實(shí)現(xiàn)水平居中顯示。

.p\_container{
position: relative;
}
.p\_child{
position: absolute;
left: 50%;
transform: translateX(-50%);
}

以上是幾種常見的實(shí)現(xiàn)div中間顯示的方法。根據(jù)實(shí)際需求和場景的不同，可以選擇合適的方法來達(dá)到水平居中的效果。使用這些方法可以使網(wǎng)頁布局更加美觀和合理，提升用戶體驗(yàn)。