html中字符过长截取

在html中经常会遇到截取字符串长度，用title提示的问题，自己写了个测试的，下面代码直接拷贝到txt文件，修改为html文件运行即可看到效果，仅供参考。

<div class="test" title="这是我写的一个测试裁剪字符的代码，仅供参考">

这是我写的一个测试裁剪字符的代码，仅供参考

</div>

<style>

.test{ width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; cursor:pointer; }

</style>

有时候在title中遇到字符中出现空格的时候，当显示title的时候会只显示空格前面的，字符出现中断，一般需要用双引号""代替单引号''包裹字符串