想让多余的字符串以省略号显示怎么办？
简单，text-overflow:ellipsis; 但是它只有某些浏览器支持，比如IE. FireFox 肯定是不支持这种写法的。但是Firefox 可以用 xul.
.searchSuggest li{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow: ellipsis;-moz-binding: url('xxx/ellipsis.xml#ellipsis');}
ellipsis.xml （当然，我不了解它里面内容的含意，能用就行了，不管那么多）
--------------
<?xml version="1.0" encoding="UTF-8"?>
<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:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
</content>
</binding>
</bindings>
这些东西是用在一个 suggest 上的，以开始是显示热门搜索的，现在改成推荐商品，我在本地测试是没有任何问题的。
但是放到服务器上,用 firefox 打开，suggest 却不显示了。用抓包工具查看了一下，返回正常，在用 firebug查看，js 运行正常，suggest 的内容也输出了，但就是不显示。
开始以为是 css 引起的，我把 suggest 的父容器，及 suggest 所在的 ul 和 suggest 条目所在的 li 的CSS全部一个一个的删除，结果发现问题在 ellipsis.xml 上。
在上传的时候，这个 ellipsis.xml 没有传上去。。。因为 ellipsis 对 IE/Chrome/Opera 等不起作用，所以在这些浏览器下显示是正常的。
另外发现，即使是用这个 ellipsis.xml ,在Firefox 下也不一定能显示出来省略号，好像要看这位爷的脸色一样，一会行，一会不行！
说实话，又不是冲着 firebug , 我才不想用这个被吹的牛皮飞上天的家伙。
| < Prev | Next > |
|---|