打印

求CSS文字过长自动隐藏

ttaliang [楼主]

新手上路

帖子: 15
体力: 43
威望: 0
当前: 河北石家庄
离线: 1 天

1^# 大中小发表于 2008-4-19 10:52

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

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

wd513517

初级会员

帖子: 73
体力: 182
威望: 0
离线: 101 天

2^# 大中小发表于 2008-4-19 11:13

提示：您可以先修改部分代码再运行

TOP

美橙vps独立IP月付189元

ttaliang [楼主]

新手上路

帖子: 15
体力: 43
威望: 0
当前: 河北石家庄
离线: 1 天

3^# 大中小发表于 2008-4-19 11:16

3Q实在是太谢谢你了
OH 来KISS个

TOP

中央美院远程平面设计进修班

10dw

小盆友

高级会员

帖子: 469
体力: 911
威望: 0
当前: 美洲美国
离线: 2 天

专长 JS,PHP,MySQL

4^# 大中小发表于 2008-4-19 11:17

设height即可

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

dxformat

初级会员

帖子: 67
体力: 142
威望: 0
离线: 4 天

5^# 大中小发表于 2008-4-19 11:53

很简单的属性嘛,就用overflow达到隐藏效果,建议楼主应该敢紧下载一个苏沈小雨的"样式表手册",呵呵,还是很有用的,谁也不敢保证把把有的样式属性都记下来,经常查一下,很有用的

TOP

omiga

噢咪咖

初级会员

帖子: 340
体力: 109
威望: 0
当前: 广东广州

专长挖掘

6^# 大中小发表于 2008-4-19 12:04

佩服二楼——<nobr>

提示：您可以先修改部分代码再运行

[ 本帖最后由 omiga 于 2008-4-19 12:08 编辑 ]

不好意思～戒了～

TOP

qq23154623

中级会员

帖子: 105
体力: 209
威望: 0
当前: 河南郑州
离线: 2 天

7^# 大中小发表于 2008-6-11 11:57

white-space:nowrap;

俺就是传说中的冒烟

TOP

fuguojian1988

天天向网NET

银牌会员

帖子: 931
体力: 1892
威望: 0
当前: 河南商丘

专长 网页设计,平面,前端制作

8^# 大中小发表于 2008-6-11 16:02

难道上面的各位都没有在火狐里面测试吗？？火狐是不支持CSS实现的用省略号隐藏文字的效果的，IE支持而已...

一个人的路，还是一个人走！

TOP

macji

麦鸡

高级会员

帖子: 363
体力: 674
威望: 3
当前: 浙江杭州

专长 前端制作,JS,PHP

9^# 大中小发表于 2008-6-11 16:04

white-space:nowrap;

麦鸡Macji

TOP

hbfgh77

新手上路

帖子: 16
体力: 30
威望: 0
离线: 13 天

10^# 大中小发表于 2008-6-29 13:00

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

TOP

nick03

初级会员

帖子: 155
体力: 54
威望: 0
当前: 广东深圳

专长 前端制作,JS

11^# 大中小发表于 2008-6-29 16:08

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

TOP

robbie87

初级会员

帖子: 10
体力: 83
威望: 0
当前: 广东汕头
离线: 14 天

专长 网页设计,UE,美编

12^# 大中小发表于 2008-7-21 23:30

打击。。。FF下不支持三个小点点点。。。阿门

www.robbie87.net

TOP

kevin0217

新手上路

帖子: 21
体力: 36
威望: 0
当前: 广东广州
离线: 40 天

13^# 大中小发表于 2008-7-21 23:34

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

515429.com

TOP

robbie87

初级会员

帖子: 10
体力: 83
威望: 0
当前: 广东汕头
离线: 14 天

专长 网页设计,UE,美编

14^# 大中小发表于 2008-7-21 23:53

提示：您可以先修改部分代码再运行

[ 本帖最后由 robbie87 于 2008-7-22 00:21 编辑 ]

www.robbie87.net

TOP

robbie87

初级会员

帖子: 10
体力: 83
威望: 0
当前: 广东汕头
离线: 14 天

专长 网页设计,UE,美编

15^# 大中小发表于 2008-7-22 00:22

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

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

www.robbie87.net

TOP

yqhehe

以马内利

中级会员

帖子: 143
体力: 242
威望: 0
离线: 2 天

专长 网页设计,UI,前端制作

16^# 大中小发表于 2008-7-22 09:48

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

TOP

skybot

size

钻石会员

帖子: 2794
体力: 6551
威望: 6
当前: 上海长宁
离线: 1 天

专长 JS,C#,MSSQL

17^# 大中小发表于 2008-7-22 13:11

很有作的代码 .在客户机上处理更能体现速度

http://www.qlili.com 个人站帮点啊

TOP

robbie87

初级会员

帖子: 10
体力: 83
威望: 0
当前: 广东汕头
离线: 14 天

专长 网页设计,UE,美编

18^# 大中小发表于 2008-7-22 13:46

引用:

原帖由 yqhehe 于 2008-7-22 09:48 发表
这些应该交给服务器端去处理

非也非也...那样的话对搜索引擎不友好...呵呵

www.robbie87.net

TOP