打印

求CSS文字过长自动隐藏

多个介绍说overflow:hidden;可以实现文字自动隐藏,
可是我怎么弄都弄不出来,都是自动换行了
#zwl{
       width: 100px;padding:0px;margin:0px 0px 0px 20px;float:left;clear:left;overflow:hidden;
       text-align:left;text-overflow : clip;
}
莫非是我的代码有误?
怎么才能实现文字的自动隐藏啊?


 提示:您可以先修改部分代码再运行
3Q实在是太谢谢你了
OH 来KISS个
设height即可

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
很简单的属性嘛,就用overflow达到隐藏效果,建议楼主应该敢紧下载一个苏沈小雨的"样式表手册",呵呵,还是很有用的,谁也不敢保证把把有的样式属性都记下来,经常查一下,很有用的

TOP

佩服二楼——<nobr>

 提示:您可以先修改部分代码再运行
[ 本帖最后由 omiga 于 2008-4-19 12:08 编辑 ]
不好意思~戒了~

TOP

white-space:nowrap;
俺就是传说中的冒烟

TOP

难道上面的各位都没有在火狐 里面测试吗??  火狐是不支持CSS实现的用省略号隐藏文字的效果的,IE支持而已...
一个人的路,还是一个人走!

TOP

white-space:nowrap;

white-space:nowrap;

TOP

width:? 是不是宽设少了?或都关键字没有设好

TOP

2楼的 NOBR是什么东西。不懂。。高手解说下。。。

TOP

打击。。。FF下不支持三个小点点点。。。阿门
www.robbie87.net

TOP

<div style="text-overflow:ellipsis;overflow:hidden;width:200px;height:30px">多个介绍说overflow:hidden;可以实现文字自动隐藏,
可是我怎么弄都弄不出来,都是自动换行了
<br>
可以隐藏的,你试试
</div>
515429.com

TOP



 提示:您可以先修改部分代码再运行
[ 本帖最后由 robbie87 于 2008-7-22 00:21 编辑 ]
www.robbie87.net

TOP

弄了半天。。。终于出来了。。。晕诶。。。应该算完美了。。。
IE7 FF3下PASS。。。
如果有高手能把SPAN去掉那就更完美了。。。

[ 本帖最后由 robbie87 于 2008-7-22 00:23 编辑 ]
www.robbie87.net

TOP

这些应该交给服务器端去处理

TOP

很有作的代码 .在客户机上处理更能体现速度
http://www.qlili.com 个人站帮点啊

TOP

引用:
原帖由 yqhehe 于 2008-7-22 09:48 发表
这些应该交给服务器端去处理
非也非也...那样的话对搜索引擎不友好...呵呵
www.robbie87.net

TOP