我们都知道,网页文章的标题太长的时候,会自动换行,影响网页的美观,所以我们要对它进行修剪,限制它只显示多少个文字,多出来的部分用省略号代替。 那么在DEDECMS系统中怎样实现这个效果呢?下面列出3种方法给大家参考: 1、通过修改CSS: a style=width:
那么在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 /]" 则不受影响,鼠标移上去时显示标题的全部内容。