主站经典论坛家园作品集 Think.Pages 维基桌面聚合

经典论坛 » WEB标准化专栏 » CSS截取文本长度，超出加...

打印

[求助] CSS截取文本长度，超出加...

maoweiwer [楼主]

中级会员

帖子: 166
体力: 290
威望: 0
当前: 四川成都
离线: 1 天

专长 JS,JAVA,MySQL

1^# 大中小发表于 2008-7-19 14:06

HTML结构:

复制内容到剪贴板

代码:

<ul>

   <li><a>内容</a></li>

   <li><a>内容</a></li>

   <li><a>内容</a></li>

</ul>

目标效果:
定义UL块的宽度，并要求自动根据里面的内容字符长度自适应显示，如超出块的宽度，则只显示有效字符并加省略号('...')
要求能兼容各大主流浏览器，比如IE FF 等。

[ 本帖最后由 maoweiwer 于 2008-7-19 14:08 编辑 ]

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

jterjiao

初级会员

帖子: 28
体力: 69
威望: 0
离线: 17 天

2^# 大中小发表于 2008-7-19 14:36

引用:

如超出块的宽度，则只显示有效字符并加省略号('...')

css可以追加省略号么？
占位学习

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

lhnlj2

水舞流漠

高级会员

帖子: 391
体力: 768
威望: 0
当前: 江苏徐州
离线: 4 天

3^# 大中小发表于 2008-7-19 14:43

text-overflow: ellipsis;
不过只对IE有效

www.lanrendy.cn

TOP

掌握加薪筹码 IT薪资宝典给您答案！

lhnlj2

水舞流漠

高级会员

帖子: 391
体力: 768
威望: 0
当前: 江苏徐州
离线: 4 天

4^# 大中小发表于 2008-7-19 14:50

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

www.lanrendy.cn

TOP

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

maoweiwer [楼主]

中级会员

帖子: 166
体力: 290
威望: 0
当前: 四川成都
离线: 1 天

专长 JS,JAVA,MySQL

5^# 大中小发表于 2008-7-19 19:18

看来如果只通过CSS来解决不能兼容于FF了,那就只好使用JS来控制吧.

TOP

cqliudebao

高级会员

帖子: 289
体力: 653
威望: 0
离线: 1 天

6^# 大中小发表于 2008-7-19 19:37

我就是用程序来实现的，用div会出现不兼容的现象

www.webiso.net

TOP

maoweiwer [楼主]

中级会员

帖子: 166
体力: 290
威望: 0
当前: 四川成都
离线: 1 天

专长 JS,JAVA,MySQL

7^# 大中小发表于 2008-7-26 00:10

没想到CSS还不能做出兼容的这种效果。。。汗~！

TOP

‹‹ 上一主题 | 下一主题 ››