网站首页 网站建设

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

发布时间：2016-09-09 10:07:22编辑：余斗阅读：(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!图片列表模式下标题超长自动隐藏的方法

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