css字数过多的显示问题

解决方法：

方法一：

 获取字符的长度进行截取，接着手动拼接上省略号，如：	**stringObject.substr(start,length)+"..."**

优点：能准确地截取到你想要的获取的长度，控制开始和结束
缺点：参数传值使用时会导致参数值被改变，不是初始值，不太友好
补充说明：substr() 的参数指定的是子串的开始位置和长度，因此它可以替代 substring() 和 slice() 来使用。
substr的参数：

1. start：必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
2. length：可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。

方法二：

利用css样式进行显示处理，如：给当前渲染的代码块标签添加样式

<style>
	.txt{
		display: block;
		overflow: hidden;
		white-space: nowrap;//不换行
		text-overflow: ellipsis;//文本溢出用省略号代替
	}
		
</style>

优点：解决了初始值被改变的问题，只是渲染层显示期待的效果，值没被污染，不会产生后续使用问题