超出省略样式

最新推荐文章于 2024-10-08 12:21:22 发布

Lao乾妈官方认证唯一女友:D

最新推荐文章于 2024-10-08 12:21:22 发布

阅读量39

点赞数

分类专栏： vue+antd+ts+less 文章标签：前端 html typescript

本文链接：https://blog.csdn.net/qq_24385297/article/details/130903436

版权

vue+antd+ts+less 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

实现效果：
在这里插入图片描述

.virtualInfoName{
    width:100%; //宽度给到最近的父级
    text-decoration:underline;
    color:#E25234;
    cursor:pointer;
    overflow:hidden;   //超出部分隐藏
    white-space:nowrap;  //不换行
    text-overflow:ellipsis;  //文字超出部分用省略号提示
  }
  //超出部分提示在模板里用title属性即可
 示例：     :title="rkState?.virtualList[0]?.virtualInfoName"