UNIAPP中文字上下左右居中

效果：

 index.vue:

    
                            
                                
                                    
                                        
                                            {{itemNew.name}}

                                        
                                    
                                
                                
                                    
                                
                                
                             
                             
                                
                                
                                    
                                                                                     @click="goto('/pages/about/about')">看详情
                                    
                                
                            

                        

index.css:

父组件样式   ：

 .left {
        width: 64rpx;
        height: 184rpx;
        // display: flex;
        background: $uni-bg-color-red;
        border-radius: 10px 0px 0px 10px;
        
    }

子组件：

.ground_left {
            height: 100%;
            font-size: 34rpx;
            margin: auto;
            color: #ffffff;
            writing-mode: vertical-lr;
            letter-spacing: 13px;
            text-align: center;
            // 文字缩进，要保持跟letter-spacing一样的值
            text-indent: 13px;
        }