CSS是一種樣式表語言，可以幫助網頁開發者對HTML元素進行排版和布局。在CSS中，通過設置元素的樣式屬性，比如width（寬度）、height（高度）、margin（外邊距）和position（定位）等，來控制元素的位置和大小。如何讓子div居中顯示呢？

首先，在HTML文件中我們需要放置一個父元素和一個子元素（div）。父元素需要設置寬度和高度，而子元素需要通過position屬性進行定位。接著，在CSS中設定如下的代碼（代碼中介紹了父元素和子元素的樣式）：

.parent {
width: 300px;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
}
.child {
width: 100px;
height: 100px;
background-color: #f00;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上述代碼中，我們為父元素（類名為“parent”）設置了寬度和高度，并設置了display屬性為flex，以使其顯示為彈性盒子。接著，我們通過justify-content屬性和align-items屬性使子元素居中（justify-content設置了子元素的水平方向的對齊，align-items設置了子元素的垂直方向的對齊）。為了讓子元素也居中，我們為子元素（類名為“child”）設置了寬度、高度和背景色，并添加了position屬性，將子元素的定位設為絕對定位。我們通過top屬性和left屬性將子元素放置在父元素的中心位置。最后，我們使用translate屬性將子元素的位置向左和向上移動50%（即該元素的半寬度和半高度），使子元素也處于中心位置。

這就是關于如何使用CSS讓子div居中顯示的方法。從代碼可以看出，我們可以利用flex布局和transform屬性來實現居中顯示。這些屬性和值也可以在其他地方得到應用，比如創建響應式布局時，可以快速實現頁面元素的排列。希望這篇文章能對您有所幫助，謝謝！