DeDecms教程

我们都知道，网页文章的标题太长的时候，会自动换行，影响网页的美观，所以我们要对它进行修剪，限制它只显示多少个文字，多出来的部分用省略号代替。

 

那么在DEDECMS系统中怎样实现这个效果呢？下面列出3种方法给大家参考：

 

1、通过修改CSS：

 

<a style="width:120px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;" href="xxxxx">文章非常长非常长非常长非常长非常长的标题</a>

 

解释：

 

width:120px; 宽度设置，

 

text-overflow:ellipsis ：当对象内文本溢出时显示省略标记…，white-space:nowrap：强制文本在一行内显示，

 

overflow:hidden：溢出内容为隐藏。

 

修改CSS的方法最为简单，不过美中不足的是CSS中的text-overflow:ellipsis属性在firefox浏览器中是没有效果的。

 

2、修改模板的方法：

 

用[field:title function='( strlen("@me")>30 ? cn_substr("@me",30)."…" : "@me" )' /] 代替原来的 [field:title /] ，在输出标题时多了一个判断的过程，先判断标题是否大于30字节，如果大于则只输出30字节的长度，并加上省略号。而title="[field:title /]" 则不受影响，鼠标移上去时显示标题的全部内容。