1. 使用js去判断字符的数量,对字符(中英文)的长度进行判断,超过xx数量的对其数据进行Clip
  2. 使用css样式表去修饰整个内容的显示(推荐)
 span{
    text-overflow: ellipsis; /**设置为折叠模式**/
    max-width: 11em;         /**设置文字内容最长为10个**/
    overflow: hidden;         /**设置内容过长时隐藏-会触发上面的折叠**/
    white-space: nowrap;     /**禁止内容换行,否则不会过长**/
    display: inline-block;     /**设置内容block,否则文字不会居中**/
    vertical-align: middle;  /**设置内容文字的基线,不免文字和周围的文字不对齐**/
}

span {
    text-overflow: ellipsis; /**设置为折叠模式**/
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* 这里是超出几行省略-webkit only */
        overflow: hidden;
}

2020-07-25T02:37:00.png

最后修改:2021 年 01 月 31 日
如果你觉得我对你起到了帮助,请随意打赏