html结构:
<div class="parent">
<div class="item"></div>
</div>
未知元素的高度和宽度:
.item {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 使用css3的transform来实现 */
}
.parent {
display: flex;
justify-content:center;
align-items: center;
background: #AAA;
height: 300px; /* 注意这里需要设置高度来查看垂直居中效果 */
}