CSS是網頁設計中最重要的一部分。在CSS中，將一個元素居中是一個常見的需求。但是當涉及到子DIV居中時，情況可能會變得有點棘手。下面是一些關于如何使子DIV居中的技巧。

//html代碼：
<div class="parent">
<div class="child">
<p>這是一個子div</p>
</div>
</div>
//css代碼：
.parent{
display: flex;
justify-content: center;
align-items: center;
}
.child{
background-color: grey;
padding: 20px;
}

在以上的代碼中，父級div使用了flexbox布局。此外，使用了justify-content: center;和align-items: center;屬性將子div水平和垂直居中。

如果您不想使用flexbox布局，而是想使用傳統的居中方法，可以使用下面的代碼：

//html代碼：
<div class="parent_center">
<div class="child_center">
<p>這是一個子div</p>
</div>
</div>
//css代碼：
.parent_center{
text-align: center;
}
.child_center{
display: inline-block;
background-color: grey;
padding: 20px;
}

在以上的代碼中，父級div使用了text-align:center;的方法，將其內容居中。子div使用了display:inline-block;，以便可以在水平方向上居中。

總體來說，子DIV居中是一個相對容易實現的任務。您可以根據具體的需求和優先級來選擇不同的方法。