iview tag标签如何设置有效宽度？？

Question

问题描述

这里的tag标签是遍历出来的，我需要给内容加个长度显示，超出长度就用...隐藏，我给设置了宽度，但根本没生效的

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<div v-for="itemArr in showData[item.DICT_NAME]"  style="display: inline-block;width: 180px;">
     <Tag  :key="itemArr" :title="itemArr.DICT_ITEM_NAME" :value="itemArr.DICT_ITEM+'-'+item.DICT_NAME" type="dot" :name="itemArr"  :color="tagcolor[index]" closable @on-close="handleClose" >{{  itemArr.DICT_ITEM  }} - {{ itemArr.DICT_ITEM_NAME  }}</Tag>
</div>


   .ivu-tag-text{
        width : 100px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

.ivu-tag {
  width: 100px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}