发新话题
打印

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

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

复制内容到剪贴板
代码:
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

好文~
FF下不支持这属性,要修正。
http://www.jide.fr/emulate-text- ... in-firefox-with-css

TOP

要不要我帮你转到小贴士里面去!?
推荐博客:飞月博客

TOP

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

TOP

发新话题