简介

很多情况我们都会遇到在标签下文本长度过长会向下挤压,特别是在文章标题情境下,这无疑会搞成排版错位,用户体验不佳等困扰。因此我们便需要在文本溢出时将其多余内容隐藏掉,而且已...作为结尾显示,这个时候我们可以使用CSS的text-overflow文本溢出省略号属性样式实现。

实现

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