span内容溢出显示省略号，鼠标悬浮可显示完整span内容

span内容溢出显示省略号

<div class="content">
	<span :title="item.sydw">使用单位: {{item.sydw}}</span>
</div>
span{
	width:300px;/*设置显示的最大宽度*/
	overflow:hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/*超出部分省略号表示*/
	white-space:nowrap;/*强制单行显示*/
	word-break:keep-all;
}

实现鼠标悬浮显示溢出的内容

sapn加一个:title即可：

<span :title="item.sydw">使用单位: {{item.sydw}}</span>