‹‹ 上一主题 | 下一主题 ››
发新话题
打印

[分享] 文字超过规定长度就显示省略号

washun

Washun

管理组

Rank: 13Rank: 13Rank: 13

看我的签名

金钱
16614 ZB 

荣誉捐赠勋章

1# 大 中 小 发表于 2008-4-12 23:32 只看该作者

文字超过规定长度就显示省略号

复制内容到剪贴板
代码:
width:130px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width:130px;就是你最规定的宽度，超过130px就在文字末位显示...
如果要限制高度的话 可以加上height: 30px;  高过30px就在文字末位显示...

数字可以根据自己的需要修改，加到相应的标签即可

因为我的上一篇和下一篇导航条有事因为文章标题太长而打架，用了这个方法就解决了。
附件: 您所在的用户组无法下载或查看附件
爱博客，更爱ZIPPO！
支持Z-blog，谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区和Z-wiki，或站内搜索寻找答案
1、Z-blog主题修改助手   2、默认模板右侧栏目代码注释       3、默认CSS样式的注释     
4、Z-BLOG使用小贴士收集         5、Z-Blog模版标签库及相关说明   6、加广告请搜索gg/google/广告

TOP

杜宇

新手上路

Rank: 1

金钱
164 ZB 
2# 大 中 小 发表于 2008-4-13 12:19 只看该作者
好文~
FF下不支持这属性，要修正。
http://www.jide.fr/emulate-text- ... in-firefox-with-css
http://blog.sina.com.cn/duyuor

TOP

飞月博客

高级会员

Rank: 4Rank: 4

金钱
2879 ZB 
3# 大 中 小 发表于 2008-4-13 12:38 只看该作者
要不要我帮你转到小贴士里面去!?
推荐博客:飞月博客

TOP

washun

Washun

管理组

Rank: 13Rank: 13Rank: 13

看我的签名

金钱
16614 ZB 

荣誉捐赠勋章

4# 大 中 小 发表于 2008-4-13 17:57 只看该作者
FF下宽度的定义还是有效的 只是没显示省略号而已 真变态 忽略它了
爱博客，更爱ZIPPO！
支持Z-blog，谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区和Z-wiki，或站内搜索寻找答案
1、Z-blog主题修改助手   2、默认模板右侧栏目代码注释       3、默认CSS样式的注释     
4、Z-BLOG使用小贴士收集         5、Z-Blog模版标签库及相关说明   6、加广告请搜索gg/google/广告

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题