Question

我有一个页面，目前正在使用jQuery plug-in根据提供的宽度截断文本字符串。当字符串被截断并以“...”结尾时，整个字符串被放置在元素的TITLE内。

通常它工作得很好但是，我注意到一个页面有太多字符串，接近100，并且我的页面开始崩溃，抱怨脚本停止响应的情况。

是否有更简单的截断方法？我可以使用近似宽度，也许切换到字符数？

如果只需几行代码即可完成，我会喜欢它。

可以这样做吗？

Answer 1

它们被称为省略号。我建议你去使用CSS而不是使用JavaScript。

像这样。

.ellipsis {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-binding:url('ellipsis.xml');
}

ellipsis.xml包含

的位置

<?xml version="1.0"?>
<bindings 
  xmlns="http://www.mozilla.org/xbl"
  xmlns:xbl="http://www.mozilla.org/xbl"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
     <binding id="ellipsis">
        <content>
           <xul:window>
              <xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
           </xul:window>
        </content>
     </binding>
</bindings>

对于不支持省略号的FF（4到7）这样的浏览器，还有解决方法可以解决这个问题。

您可以查看FF for workarounds text-overflow:ellipsis in Firefox 4? (and FF5)

的此链接

使用/ jQuery截断字符串的最简单方法

1 个答案: