Firefox下含有链接文字不点点点显示的解决实例页面
代码:
CSS代码:
.test{width:400px; font-size:14px; -moz-binding:url('ellipsis.xml#ellipsis'); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} a.test{display:block;} .test2{width:400px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .test2 a{-moz-binding:url('ellipsis.xml#ellipsis');}
HTML代码:
<div class="test">①使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示</div> <div class="test"> <a href="#">②使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示</a> </div> <a href="#" class="test">③使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示</a> <div class="test2"> <a href="#">④使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示</a> </div>
效果:
①使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示
③使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示