今天小编跟大家讲解下有关CSS文本超出div或者span时用省略号代替 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS文本超出div或者span时用省略号代替 的相关资料,希望小伙伴们看了有所帮助。
在项目中我们经常需要在文本过长时显示,将文本超出的部分内容用省略号代替: 思想为: 首先设置宽度,然后让超出的部分隐藏 如果有超出则在最后显示省略号 让文本不换行 具体css代码为: 复制代码代码如下:.title{ width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; }
Html代码就不用写了,一个div 或者span class = "title"即可。
来源:爱蒂网