您当前的位置:主页 > 教程合集 > 网站建设网站首页网站建设

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

发布时间:2016-09-09编辑:余斗阅读:(0)字号:
    公司的论坛中有一个装修案例展示的版块,需要用图片列表的形式来展现。余斗发现有的帖子标题文子过长,在显示的时候会换行,影响到了版块的排版,很不美观,余斗要实现discuz图片列表模式显示标题超过一定长度的自动隐藏,查询一番之后,发现只需要改动css文件即可,很简单: 打开 /template/default/common/common.css文件,查找代码(大概在第216行 ):

    .xw0 { font-weight: 400; }
     
    修改为:

    .xw0 { font-weight: 400; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
     
    Discuz!图片列表模式下标题超长自动隐藏的方法 修改前
     
    Discuz!图片列表模式下标题超长自动隐藏的方法 修改后
     
    Discuz!图片列表模式下标题超长自动隐藏的方法 图片列表模式改正后的效果
关键字词Discuz 图片列表
余斗余斗
  1. 转载请注明: Discuz!图片列表模式下标题超长自动隐藏的方法_余斗余斗_鸿运国际手机登录首页
  2. 版权声明: 本站原创文章,由 发表在 网站建设 分类下,于2016-09-09最后更新
Discuz!面包屑导航中的链接伪静态处理方法
余斗鸿运国际手机登录首页主题完整版公开出售(200元/套)
手机扫一扫 随身带着看
鸿运国际手机登录首页