HTML多行省略号

css只能设置单行超出用省略号表示

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

有时候我们需要两行或者多行,超出就用省略号代替,之前是通过后端截取字符串长度来控制,但字符串中空格、数字、中文、英文大小写,字体的宽度都不同的,导致界面上有长有短。

下面代码还存在一个问题,元素里有标签时没提取出来,这个需要遍历元素的childNodes,以后有机会再完善

HTML多行省略号_第1张图片



    
    
    
    Ellipsis
    


    
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。

 

 

你可能感兴趣的:(javascript,HTML,多行省略)