CSS中的div居中是网页布局中常用的一种方式，下面就来介绍一下如何使用CSS实现div居中。

首先，我们需要使用CSS的display属性将div设置为块级元素。块级元素在文档流中占据一整行或一整块空间，其大小可以通过width和height属性来指定。

div {
display: block;
width: 200px;
height: 100px;
}

然后，我们需要使用margin属性来实现水平居中和垂直居中。在水平居中方面，可以设置左右外边距为auto，这样就可以将div在其父元素的水平方向上居中。

div {
display: block;
width: 200px;
height: 100px;
margin: 0 auto;
}

在垂直居中方面，我们可以使用绝对定位和transform属性来实现。首先，需要将div父元素的position属性设置为relative，这样可以为子元素设置绝对定位。然后，将div的top和left属性设置为50%，表示将div的顶部和左侧都放置在其父元素的中间位置。接下来，使用CSS3的transform属性，将div向上移动50%其高度的一半，这样就可以将div垂直居中。

.parent {
position: relative;
}
div {
position: absolute;
width: 200px;
height: 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上就是div居中的两种实现方式，根据不同的需求选择合适的方法即可。