隐藏多余的文字变为...

在前端经常会遇到类似的效果。

就是一段文字显示不下的时候默认隐藏然后用…来代替。
只需要给元素加上以下几个css属性。

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

就可以实现该效果