如果想要在一行里实现“超出长度显示省略号”,是可以的。
overflow: hidden;white-space: nowrap;text-overflow:ellipsis;
这几句css就可以,不要加上去的容器一定要写了宽度的
注意:这里实现的是“超出长度”,而不是“超出字数”,并且在一行里实现。
如果是两行或者三行的容器,想要纯用css实现这个方法,是没办法做到的。
可以提供两种方法,一是用程序输出时截字,二是用js判断字数截取。
JS的demo如下:
html>Examples