使用Css隐藏超出容器宽度的文字，溢出部分用“...”表示

哎，今天才知道用Css就可以弄出字数太长时“截取”字数的效果，以前还傻乎乎的在后台，或是用js截取。- -！

代码

<?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>

最后在样式上加上-moz-binding: url('ellipsis.xml#ellipsis');就成了!