CSS 文本超出指定宽度后隐藏并显示为省略号鼠标移上显示全文

纯css 实现 只需要设置属性：
overflow:hidden; text-overflow: ellipsis; width: 78px;

但是必须要在div 上加入title 属性 属性的值必须 和要隐藏的文本值一样，这样一旦文本的宽度超过限制，就会隐藏，鼠标移动上去，显示全部

但是这个实现在span，b 标签上实现不了隐藏
，因为用的vue 所以 设置了 过滤器实现了这个

css： https://blog.csdn.net/wsl_csdn_2016/article/details/51728822

过滤器 ： https://www.csdn.net/gather_27/MtTaAg1sMTg3OC1ibG9n.html