真正做到兼容各大主流浏览器的text-overflow(文本溢出)解决方案

先解决问题：
text-ovewflow终极解决方案：

FireFox的文本溢出采用jquery插件解决，其他浏览器还是采用text-overflow来解决:

http://www.bramstein.com/projects/text-overflow/   Query Text Overflow plugin 

调用代码如下：
<script type="text/javascript">
            $(function() {
    $('.snip li').textOverflow();/*ff调用*/
           });
  </script>

/*------------------------------------------------------------*/

 <style>        
   .snip li {
    width: 500px;/*ToDo:根据实际需要修改*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;/*opera浏览器hack*/
   table-layout:fixed;/*<tr><td>要支持text-overflow 的话，要加上这段代码*/
   }/*ie调用*/
</style>

 

另：网络上流传着许多关于如何解决文本溢出标签text-ovewflow的兼容方案，经过我的测试，实用性都不是很好，其中总结的最好的一篇文章是这篇：
http://www.zhangxinxu.com/wordpress/?p=230#zxx_f关于文字内容溢出用点点点(…)省略号表示 （张鑫旭）

但文章也存在以下问题：
1、关于第二条：使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示。问题：不知道是不是以前好使，至少我今天（2011.3.15）用ff3.0测试是不好使的。
2、关于第三条：我对网上些文章和网站的不满。我和这位作者同样的感触：愤慨。没错，用:after伪类的方法的确是蠢到家了！
3、关于第四条：我自己想出来的方法——margin负值定位法。我没试验这种方式，即使这种方式是好使，本人认为也是不可取的，因为人为的在html页面增加了一层嵌套关系不说，还多了一个div（不对，文本溢出一般是用于标题的循环溢出处理，那这个就不是一个div这么简单了）
4、关于第五和第六条Jquery方案。我是js初学，也看不懂作者的代码（你可以尽情的鄙视我O(∩_∩)O！）但我应用作者的代码出现如下问题：如果控制溢出的元素中含有除文字外的其他元素（例如img）的时候，代码将会隐藏除文本外的其他元素；如果溢出文本和图像并排，文字则会依次下沉一行。
FF下文本溢出的text-overflow最新解决方案.rar