实现垂直居中布局

实现的效果：

代码如下：

.g-container {
    width: 100px;
    height: 100px;
    background-color: pink;
    display: flex;
}

.g-box {
    width: 20px;
    height: 20px;
    background-color: skyblue;
    margin: auto;
}

<div class="g-container">
    <div class="g-box"></div>
</div>