超过一定字数显示省略号的两种方式

参考地址

https://blog.csdn.net/xuke6677/article/details/38750825

<style type="text/css">
         .text_slice {
	             width: 100px;
                 display: block;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
           }
</style>


<table>
	<tr>
		<td>
			<span class="text_slice" style="width:200px;" title="这是一段很长的文字，当容器放不下则会出现省略号。">这是一段很长的文字，当容器放不下则会出现省略号。这是一段很长的文字，当容器放不下则会出现省略号。这是一段很长的文字，当容器放不下则会出现省略号。</span>
		</td>
	</tr>
</table>