首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-03-11 
关于隐藏多余字的问题,哥哥姐姐进来看下啊~spanstyle overflow:autoheight:20pxwidth:50pxborder:1px

关于隐藏多余字的问题,哥哥姐姐进来看下啊~
<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下只会直直的接截断,而不会产生省略号

热点排行