在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的时候会只显示空格前面的,字符出现中断,一般需要用双引号""代替单引号''包裹字符串
网友评论