ElementUI的el-col布局bug

出现问题：

<el-col :span="8" v-for="item in cardList">
    <el-card class="box-card" :class="item.warningrank" @click.native="showDetail(item)">
        <el-row class="card_title">
            <i class="el-icon-video-camera">
            </i>
            {{item.name}}
        </el-row>
        <el-row class="card_row">
            <el-col :span="22">
                监测地区：{{item.areaname}}
            </el-col>
            <el-col :span="2"></el-col>
            <i class="el-icon-s-promotion"></i>
        </el-row>
        <el-row class="card_row" style="margin-bottom: 0;">
            <el-col :span="22">
                监测规则：{{item.changesrule}}
            </el-col>
            <el-col :span="2">
                <i class="el-icon-s-operation"></i>
            </el-col>
        </el-row>
    </el-card>
</el-col>

问题出现原因：由于中文字符高度和英文字符不相等，会导致上图中间的div高度比左边的高，所以导致了第四个出现布局错位。

解决方案：为其设置一个高度，使所有文字高度相同，即可解决问题