??網(wǎng)頁文章的標(biāo)題太長的時(shí)候,會(huì)影響網(wǎng)頁的美觀,所以我們要對(duì)它進(jìn)行修剪,限制它只顯示多少個(gè)文字,多出來的部分用省略號(hào)代替。那么如何和在DEDE實(shí)現(xiàn)這個(gè)效果呢?下面列出3種方法給大家參考:

1、修改CSS的:

white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -o-text-overflow: ellipsis;

    例如：

<a style="width:120px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -o-text-overflow: ellipsis;" href=”xxxxx”>網(wǎng)頁文章很長很長很長很長的標(biāo)題</a>

    解釋: width:120px; 限定長度 text-overflow:ellipsis; 當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記…,

    white-space:nowrap:強(qiáng)制文本在一行內(nèi)顯示,overflow:hidden:溢出內(nèi)容為隱藏。

    [c-sharp] view plaincopy

    修改CSS的方法簡(jiǎn)單,不過很遺憾,text-overflow:ellipsis屬性在firefox中是沒有效果的。

2、修改模板的方法:

[field:title function='( strlen("@me")>30 ? cn_substr("@me",30)."…" : "@me" )' /]

    用 [field:title function='( strlen("@me")>30 ? cn_substr("@me",30)."…" : "@me" )' /]代替了原來的 [field:title /] ,在輸出標(biāo)題時(shí)多了一個(gè)判斷的過程,先判斷標(biāo)題是否大于30字節(jié),如果大于則只輸出30字節(jié)的長度,并加上省略號(hào)。而title=” [field:title /]” 則不受影響,鼠標(biāo)移上去時(shí)顯示標(biāo)題的全部內(nèi)容。

    個(gè)人比較喜歡這個(gè)方法,只需要修改模版,對(duì)系統(tǒng)影響很小。

3、代碼修改方法:

{dede:arclist  row='4'  titlelen='36'  typeid='8'  infolen='88'}
<p><a href="[field:arcurl/]" ><img src="[field:litpic/]" onerror="this.src='/include/noPic.jpg'" /></a></p>
<p><a href="[field:arcurl/]">[field:title/]</a></p>  //標(biāo)題只顯示36個(gè)字符
<p>[field:info/]...</p>  //描述介紹只顯示88個(gè)字符
{/dede:arclist}

[field:description function='cn_substr(@me,58)'/]  //描述介紹只顯示58個(gè)字符