css文字竖直并且水平垂直居中

效果图：

代码：

&>view:nth-child(2) {
            overflow: hidden;
            flex: 1;
            position: relative;
            font-size: 32rpx;
            height: 100%;
            color: #ffffff;
            //关键代码
            display: flex;
            writing-mode:vertical-lr;
            text-align: center;
            justify-content: center;
            flex-direction:column; 
            
        }