- 使用js去判断字符的数量,对字符(中英文)的长度进行判断,超过xx数量的对其数据进行Clip
- 使用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;
}