一、样式
二、代码
<el-row :gutter="24" class="card-line" style="padding-left: 10px">
<el-col :span="5">
<el-tag effect="dark" type="info">未作答<br>5道</el-tag>
</el-col>
<el-col :span="5">
<el-tag effect="dark" type="success">已作答<br>5道</el-tag>
</el-col>
<el-col :span="5">
<el-tag effect="dark" type="success">已作答</el-tag>
</el-col>
<el-col :span="5">
<el-tag effect="dark" type="success">已作答</el-tag>
</el-col>
</el-row>
.el-tag {
// white-space: normal;
height: auto;
text-align: center;
}
也可以把
去掉,使用样式的white-space: normal;但是个人觉得不好。