CSS可以非常方便的幫助我們實現居中效果，下面我們就來學習一下如何讓兩個div居中。

.container{
display:flex;
align-items:center;
justify-content:center;
}
.box{
width:200px;
height:200px;
}

首先，我們需要有一個父級元素，可以為這個父級元素添加一個class名為container。

接下來，我們需要讓這個父級元素使用Flex布局方式，同時設置align-items和justify-content屬性的值均為center。

align-items屬性設置了垂直方向的對齊方式，justify-content屬性則表示水平方向的對齊方式。

最后，在這個父級元素下添加兩個子元素，使用class名為box，設置寬高即可。

這樣，兩個div就可以實現居中效果了。