单行文本过多、多文本过多出现省略号或小点点

1、单行文本过多时展示小点点....

.ellipsis {
   overflow: hidden;   //超出隐藏
   white-space: nowrap; //不换行
   text-overflow: ellipsis; //变成小点点
}

2、多文本换行指定第几行出现小点点

 .name {
            font-size: 18px;
            color: #f15a22;
            font-weight: bold;
             overflow: hidden;
            // white-space: nowrap;
            // text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;  //指定第二行出现小点点
            -webkit-box-orient: vertical;
        }

 

 

posted @ 2024-01-10 11:09  幽冥狂_七  阅读(38)  评论(0编辑  收藏  举报