一个行内元素，如span、a、b、i、u这些，要设置它们居中很容易。
水平居中：text-align: center;
垂直居中：vertical-align: middle;
还有一个设置垂直居中的办法是，设置line-height值与父元素的高度一致。当然，这个只对单行有效。
接下来说说块级元素。要使一个块级元素居中，如div，直接在父元素上设置：text-align: center，是不行的！设置margin-left: auto; margin-right: auto，则可以实现水平居中。但没有很好的办法来实现垂直居中。
自从有了flex之后，我们就有了新的办法，可以flex-direction: column，然后设置justify-content: center;来实现垂直居中。当然还需要水平居中怎么办？再加一条：align-items: center;
来看一下完整的代码：
.bg-flex-c{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
关于CSS让一个DIV在另一个DIV中实现水平居中和垂直居中，本文就介绍这么多，希望对大家有所帮助！