前端控制文字省略

Posted taui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端控制文字省略相关的知识,希望对你有一定的参考价值。

加上CSS

*

{

text-overflow:ellipsis;

overflow:hidden;

}

如果标签还设置了word-break:break-all;的类似的属性

那还需要加上white-space:nowrap;属性来去除换行,在有换行设置的情况下,我们的text-overflow:ellipsis;是不会生效的。

以上是关于前端控制文字省略的主要内容,如果未能解决你的问题,请参考以下文章

前端基础 溢出文字省略号

黑马程序员前端-CSS:溢出的文字省略号显示

前端中,文字过长时用...显示

JS控制文字只显示两行,超出部分显示省略号

CSS 文字溢出处添加省略号

控制文字行数以及用省略号代替被修剪文本