CSS文字超过div或span时用省略号替代

日期:2021-01-20 类型:科技新闻 

关键词:自助建站,专业建站,建站网站,建站平台,网站在线制作app

在新项目中大家常常必须在文字太长时显示信息,将文字超过的一部分內容用省略号替代:
观念为:
最先设定宽度,随后让超过的一部分掩藏
假如有超过则在最终显示信息省略号
让文字不换行
实际css编码为:

拷贝编码
编码以下:

.title{
width:200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-break:keep-all;
}

Html编码就无需写了,1个div 或span class = "title"便可。