单行文本省略

样式

white-space:nowrap;(不换行，强制不换行)注：默认值为normal
overflow:hidden;(溢出部分隐藏)
text-overflow:ellipsis;(溢出部分用...代替)

如果想要单行文本省略并配合完整文本提示框可以配合element ui 中Tooltip组件使用，但是如果想对组件提示框自定义样式修改例如背景等，较为复杂，可以考虑查看该组件源码，并修改自己想要的样式。也可以自定义通过绝对定位以及mouseover或者mouseout事件方法，盒子隐藏与展示方法进行开发。

多行文本省略目前通过固定形式去写样式但是兼容性不好，方法只适用于webkit内核浏览器以及移动端，并且文字的数量不确定导致盒子的高度模糊，导致不知道写几行，继而展示效果不好，所以多行文本省略可以让后端去开发，因为后端知道数据的量。