解决Firefox浏览器不支持text-overflow:ellipsis;的办法

解决Firefox浏览器不支持text-overflow:ellipsis;的办法

在CSS文件下加入firefox支持

.topic_textover{
width:150px;
overflow:hidden;
text-overflow:ellipsis;(for IE)

-moz-binding: url('ellipsis.xml#ellipsis');(for Firefox)
white-space:nowrap;
}

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>