最近在看ext js控件,发现其脚本功能相当强大,有很多我曾经想解决,但一直头疼的问题在里面都解决了,
比如说表格单元格之间的调整宽度的操作,
还有就是当我输入的内空超过了当前文本框度,自动显示省略号,
在网上找到一些资料,说是通过CSS控制,但其必须适合IE6以上,
后我在IE6上做测试,没法达到,不知哪位高手知道EXT JS这个省略号的功能是如何实现的!!!

解决方案 »

  1.   


    <DIV STYLE="width:80px;text-overflow:ellipsis;overflow:hidden;">
    <NOBR>We hold these truths to be self-evident, 
    that all people are created equal.</NOBR>
    </DIV>
      

  2.   

    经过分析ext js页面代码,问题解决:
    使用DIV对象加上样式即可完成,
    样式属性:
    .divclass
    {
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;(opera浏览器类型)
    -moz-text-overflow: ellipsis;(firefox浏览器类型)
    }
    然后在div元素style属性中指定宽度(必须的),加上该CSS样式类,
    即可实现所要效果,虽然以上属性,网上有资料支持td元素,但实际上测试中并未通过!!