给span标签内添加高度auto，但身在同一行相邻列，有一个单元格高度由于多内容撑开了，而另一个却不能一起撑开？

html

<el-row class="row">
            <el-col class="col">
              <span class="label">上平行度</span>
              <span class="value"></span>
            </el-col>
            <el-col class="col">
              <span class="label">平行度OK/NG</span>
              <span class="value"></span>
            </el-col>
          </el-row>

css

 .row {
          border-bottom: solid .0625rem #9c9c9c;
          display: flex;
          align-items: center;
          justify-content: center;

          .col {
            height: 100%;
            display: flex;
             span:not(:last-child){
              border-right: solid .0625rem #9c9c9c;
             }
            ::v-deep span {
              flex: 1;
              height: 100%;
              word-break: break-all;
              word-wrap: break-word;
              // font-size: 8px;
              height: 23px;
              line-height: 23px;
            }
            .label{
              background-color: #e0e0e0;
              color: #000000;
              font-weight: bold;
              height:auto;
            }
            .value{
              height: auto;
            }