css中让div上下位置垂直居中对齐

在CSS中，可以使用不同的方法来实现垂直居中。以下是一些常用的方法：

1. 使用flexbox布局：

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 可根据需要调整高度 */
}

2. 使用表格布局：

.container {
    display: table;
    width: 100%;
    height: 100vh; /* 可根据需要调整高度 */
}

.content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

3. 使用绝对定位和transform：

.container {
    position: relative;
    height: 100vh; /* 可根据需要调整高度 */
}

.content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

以上代码能在CSS中实现垂直居中效果。