怎么让一个不定宽高的div垂直水平居中？

//第一种flex布局

// display: flex;

// justify-content: center;

// align-items: center;

//第二种绝对定位

// //设定位置

// position: absolute;

// //定位到页面的一半

// top: 50%;

// left: 50%;

// //回自身的一半

// transform: translate(-50%, -50%);

//第三种table-cell

.login-page {

background: #F4F9FF;

height: 100vh;width: 100vw;

display: table-cell;

vertical-align: middle;

text-align: center;

.content-box {

display: inline-block;

}

}