日期:2014-05-17  浏览次数:20611 次

关于隐藏多余字的问题,哥哥姐姐进来看下啊~
<span     style= 'overflow:auto;height:20px;width:50px;border:1px   solid   red '   scrolling= "yes "> {$a[ 'address ']}{$a[ 'address ']}{$a[ 'address ']}{$a[ 'address ']}
</span>

我想在一行上显示这些,然后多余的隐藏掉,当用户拖动的时候才显示出来
而且没有滚动条
这个样式怎么写啊?
谢谢了啊

------解决方案--------------------
OVERFLOW: hidden
------解决方案--------------------
<div style= "overflow:auto;height:36px;width:150px;border:1px solid red; ">
<nobr> {$a[ 'address ']}{$a[ 'address ']}{$a[ 'address ']}{$a[ 'address ']} </nobr>
</div>
------解决方案--------------------
<span style= 'overflow:hidden;height:20px;width:50px;border:1px solid red ' $a[ 'address ']}{$a[ 'address ']}{$a[ 'address ']}{$a[ 'address ']}
</span>
------解决方案--------------------
width:100px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;


这是一个自动截断字符串的样式……只在IE下有效,在FF下只会直直的接截断,而不会产生省略号