当前位置: 代码迷 >> HTML/CSS >> 关于隐藏多余字的有关问题,哥哥姐姐进来看下啊
  详细解决方案

关于隐藏多余字的有关问题,哥哥姐姐进来看下啊

热度:125   发布时间:2012-03-11 18:15:39.0
关于隐藏多余字的问题,哥哥姐姐进来看下啊~
<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下只会直直的接截断,而不会产生省略号
  相关解决方案