使用Css+html实现垂直居中

1.HTML如下代码，将view.center-dis中的view垂直居中显示

 <view class="center-dis">
            <view>
                哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈
            </view>            
    </view>

2.Css代码

.center-dis{
        background-color:green;
        width: 100%;
        height:440upx;
        display: flex;
        justify-content:center; //居中显示
        align-items: center; //垂直显示
    }
    .center-dis view{
        width:50%;
    }

效果图如下：

---