css样式实现表格中字体垂直居中的方法

有一个自定义表格如下所示，当所返回数据改变时，文字都能自动居中 

//html  


//用两个div做容器
          <el-col :span="3" class="col_row1">
                 <div class="grid-content1 ">
                  <div class="subject1">{{item.subject1}}</div>
                  </div>  
              </el-col>
    


//css
      .grid-content1 {
            // width: 3.125rem;
            width: 100%;
            height:3.75rem;
            display: table;
          }

          .subject1 {
            display: table-cell;
            vertical-align: middle;
          }