{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

Discuz!图片列表模式下标题超长自动隐藏的方法

公司的论坛中有一个装修案例展示的版块,需要用图片列表的形式来展现。余斗发现有的帖子标题文子过长,在显示的时候会换行,影响到了版块的排版,很不美观,余斗要实现discuz图片列表模式显示标题超过一定长度的自动隐藏,查询一番之后,发现只需要改动css文件即可,很简单:

打开/template/default/common/common.css文件,查找代码(大概在第216行 ):


.xw0 { font-weight: 400; }
 

修改为:


.xw0 { font-weight: 400; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 

修改前

修改后

图片列表模式改正后的效果


套路很深,不支持下载!


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Discuz!图片列表模式下标题超长自动隐藏的方法
喜欢 ()分享 (0)