Question

所以我有这个结构html

<span class="label" data="data/support_icon.png">
<span class="title">1 User/Location - 8Am - 8Pm Mon - Fri Support Plan - Level 1</span>
<small class="rt">0.0000</small>
</span>

问题是文本太长所以我想要的可能是截断n个字符，当你将鼠标悬停在它上面时你将得到其余的文本....我想知道是否有一个jQuery插件将实现这个或一个简单的方法来实现这个

Answer 1

这应该适用于所有最近的浏览器，

<style>
.title{
  width: 200px; 
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipses;
  -o-text-overflow: ellipses;
  text-overflow: ellipsis;
}
</style>
<span class="label" data="data/support_icon.png">
<div class="title" title="1 User/Location - 8Am - 8Pm Mon - Fri Support Plan - Level 1">1 User/Location - 8Am - 8Pm Mon - Fri Support Plan - Level 1</div>
<small class="rt">0.0000</small>
</span>

http://jsfiddle.net/EXjmn/

是否有一个jQuery插件可以在悬停文本时滑出？

1 个答案: