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属性来实现居中显示。这些属性和值也可以在其他地方得到应用，比如创建响应式布局时，可以快速实现页面元素的排列。希望这篇文章能对您有所帮助，谢谢！