单行文字超过某个宽度时,显示省略号

设置css属性就可以解决这个问题:

white-space:nowrap;  //段落中的文本不进行换行
overflow:hidden;  //超出宽度部分隐藏
text-overflow:ellipsis;  //当文本溢出时,要发生的事。有三个值:  clip -  修剪文本;ellipsis - 显示省略号来代表被修剪的文本;string - 使用给定的字符串来代表被修剪的文本
width: xxx;  //宽度自己设定,一定要有
posted @ 2017-07-13 16:28  Demonhe  阅读(394)  评论(0编辑  收藏  举报