0
点赞
收藏
分享

微信扫一扫

element--实现el-tag文字换行

凯约 2022-04-25 阅读 97
vueelementui

一、样式

在这里插入图片描述

二、代码

<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;但是个人觉得不好。

举报

相关推荐

0 条评论