大家都知道,有時候,網頁文章的標題太長的時候,會影響網頁的美觀,所以我們要對它進行修剪,限制它只顯示多少個文字,多出來的部分用省略號代替.

那么如何和在織夢dedecms實現這個效果呢?下面列出3種方法給大家參考:

1、修改css的：

<a style=”width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;” href=”http://www.survivalescaperooms.com”>網頁文章很長很長很長很長的標題</a>

解釋：

width:120px; 限定長度;

text-overflow:ellipsis ：當對象內文本溢出時顯示省略標記…;

white-space:nowrap：強制文本在一行內顯示;

overflow:hidden：溢出內容為隱藏。

修改css的方法簡單，不過很遺憾，text-overflow:ellipsis屬性在firefox中是沒有效果的。

2、修改模板的方法：

用

 [field:title function=’ ( strlen(”@me”)>30 ? cn_substr(”@me”,30).”…” : “@me” ) ‘ /]

代替了原來的

 [field:title /]

在輸出標題時多了一個判斷的過程，先判斷標題是否大于30字節，如果大于則只輸出30字節的長度，并加上省略號。而title=” [field:title /]” 則不受影響，鼠標移上去時顯示標題的全部內容。

3、改dedecms程序方法：

增加一個fulltitle標簽，讓你的title=/”/”顯示完整標題

具體修改如下：

1、打開include目錄下inc目錄下的inc_fun_spgetarclist.php文件

2、找到228行

&row[/'title/'] = cn_substr(&row[/'title/'],&titlelen);

在前面增加一行

&row[/'fulltitle/'] = &row[/'title/']; //注釋：顯示完整標題

3、找到

&row[/'textlink/'] = /”<a href=/’/”.&row[/'filename/']./”/’>/”.&row[/'title/']./”</a>/”;

將其替換為：

&row[/'textlink/'] = /”<a href=/’/”.&row[/'filename/']./”/’ title=/’/”.&row[/'fulltitle/']./”/’>/”.&row[/'title/']./”</a>/”;