2、接下来，我们需要创建一个外部容器（例如一个div），并将其类名设置为container，在CSS样式中为这个容器设置以下属性：

.container {
    display: flex;
    justifycontent: center;
    alignitems: center;
    height: 100vh; /* 使其占据整个视口高度 */
}

3、我们将需要居中显示的div元素的类名设置为center：

.center {
    textalign: center; /* 如果需要居中文本 */
}

这样，包含在.container类内的.center类的div元素就会在其容器内水平垂直居中显示，如果需要居中文本，可以使用textalign: center;属性。